Bootstrap select多选下拉框赋值

success: function (data) {
var oldnumber = new Array();
$.each(data, function (i) {
oldnumber.push(data[i].id);
});
$('#editcolor .selectpicker').selectpicker('val', oldnumber);//默认选中
$('#editcolor .selectpicker').selectpicker('refresh');
}

上面是ajax获取默认值,记得selectpicker是通过id来操作的,

<div class="col-md-8" id="editcolor">
<select placeholder="请选择颜色" id="selectpickerallstr"
name="selectpickerallstr"
class="selectpicker show-tick form-control"
data-style="btn-success" multiple data-live-search="true">
</select>
</div>

你们可以参考我前面的一篇文章,我再贴一遍获取代码

//select颜色
var loadTemplateColor = function () {
$.ajax({
type: 'GET',
url: root + '/mycolor',
success: function (data) {
var data = eval(data);
$.each(data, function (i) {
$("<option value='" + data[i].id + "'>" + data[i].text + "</option>")
.appendTo(".selectpicker");
});
$('.selectpicker').selectpicker({
//我是对所有的selectpicker操作一次性赋值,如果你想单独赋值,好ok,那么就这样赋值:
//appendTo("#editcolor .selectpicker"),就这样,在你select元素上面罩上一个div,
//用div的id就可以标记你要操作的selectpicker,也就是你想操作的select元素标签了
  style: 'btn-info',
size: 8
})
}
});
}

一次搞定一个值的赋值:

$('#editcolor .selectpicker').selectpicker('val', 1);//默认选中
$('#editcolor .selectpicker').selectpicker('refresh');

一次搞定很多值的赋值:

success: function (data) {
var oldnumber = new Array();
$.each(data, function (i) {
oldnumber.push(data[i].id);
});
$('#editcolor .selectpicker').selectpicker('val', oldnumber);//默认选中
$('#editcolor .selectpicker').selectpicker('refresh');
} 动态赋值

<select id="filetype" name="filetype" class="selectpicker show-tick dropup" data-live-search="true" onchange="filetypeChange();"></select>

初始化调用 getdata4select("filetype","FILE_TYPE");

/**
* 根据字典类型查询字典数据,供bootstrap select使用
* @param id
* @param dicttype
*/
function getdata4select(id,dicttype){
var url ='/yh/com/dominsoft/act/YHTypeHandleAct/getItemType.act?type='+dicttype;
var json = getJsonRs(url);
if(json.rtState == "0"){
var rtData = json.rtData;
var typeData = rtData.typeData;
jQuery('#'+id).append("<option value='' >请选择</option>");
for (var i = 0; i < typeData.length; i++) {
jQuery('#'+id).append("<option value=" + typeData[i].typeId + " >" + typeData[i].typeDesc + "</option>");
}
}
jQuery('#'+id).selectpicker();
}

selectpicker下拉多选框ajax异步或者提前赋值=》默认值的更多相关文章

  1. 我的第一个jquery插件:下拉多选框

    <!DOCTYPE HTML> <html> <head> <title> New Document </title> <meta n ...

  2. 品优购商城项目(二)AngularJS、自动代码生成器、select2下拉多选框

    品优购商城想项目第二阶段 AngularJS.自动代码生成器.select2下拉多选框 完成了课程第三天.第四天的的任务. 1.学习了AngularJs前端的mvc分层思想,js部分分成control ...

  3. 使用jQuery为文本框、单选框、多选框、下拉框、下拉多选框设值及返回值的处理

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/ ...

  4. angular2.x 下拉多选框选择组件

    angular2.x - 5.x 的下拉多选框选择组件 ng2 -- ng5.最近在学angular4,经常在交流群看见很多人问 下拉多选怎么做... 今天就随便写的个. 组件源码 百度云   链接: ...

  5. 自己用ul模拟实现下拉多选框,

    模拟实现下拉多选框 效果如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset= ...

  6. jquery--获取多选框的值、获取下拉多选框的值

    获取多选框的值 var packageCodeList=new Array(); $('#server_id:checked').each(function(){ packageCodeList.pu ...

  7. 自定义实现 PyQt5 下拉复选框 ComboCheckBox

    一.前言 由于最近的项目需要具有复选功能,但过多的复选框会影响界面布局和美观,因而想到把 PyQt5 的下拉列表和复选框结合起来,但在 PyQt5 中并没有这样的组件供我们使用,所以想要自己实现一个下 ...

  8. DevExpress下拉多选框 CheckComboboxEdit、CheckedListBoxControl

    CheckComboboxEdit //清空项            checkedComboBoxEdit1.Properties.Items.Clear(); //自定义数组            ...

  9. 设置Select下拉多选框功能,赋值与绑定问题

    项目需要所以更改select为多选下拉的菜单选项. 我用的是后台直接绑定 在前台aspx页面直接写一个 <div id="dropsxs" runat="serve ...

随机推荐

  1. flash&nbsp;wmode=&quot;window&amp;qu…

    引用一段话:opaque和tranparent由于都是无窗口内渲染模式,能很好的实现各层的遮挡,和一般div元素没有太大区别,而window.direct模式在现在看来,是没有任何办法实现被DHTML ...

  2. 一个月的时间--java从一无所有到能用框架做点东西出来

    四月20号到六月2号 因为顺利完成了Struts在线考试系统的学习,基本掌握了struts框架的原理和他众多复杂的标签.趁着下一件事情还没到时间,也顾不上写昨天研习的student部分和今天stude ...

  3. Windows Server 2008安装Memcached笔记

    分布式缓存系统Memcached简介与实践 缘起: 在数据驱动的web开发中,经常要重复从数据库中取出相同的数据,这种重复极大的增加了数据库负载.缓存是解决这个问题的好办法.但是ASP.NET中的虽然 ...

  4. autorelease 的基本使用

    5-autorelease 的基本使用 0,引入 Person *p = [Persom new];[p release]; [p run]; [p run]; // 希望不立即释放,待 run执行完 ...

  5. WPF动画之线性插值动画(1)

    XAML代码: <Window x:Class="线性插值动画.MainWindow" xmlns="http://schemas.microsoft.com/wi ...

  6. jsonp调用webapi和mvc

    webapi代码如下: public string Get(int id) { var callback = HttpContext.Current.Request["callback&qu ...

  7. PAT_1026 程序运行时间

    问题描述: 要获得一个C语言程序的运行时间,常用的方法是调用头文件time.h,其中提供了clock()函数,可以捕捉从程序开始运行到clock()被调用时所耗费的时间.这个时间单位是clock ti ...

  8. (hdu)5546 Ancient Go

    Problem Description Yu Zhou likes to play Go with Su Lu. From the historical research, we found that ...

  9. Mysql DOC阅读笔记

    Mysql DOC阅读笔记 转自我的Github Speed of SELECT Statements 合理利用索引 隔离调试查询中花费高的部分,例如函数调用是在结果集中的行执行还是全表中的行执行 最 ...

  10. Python3 列表

    list是一种有序的集合,可以随时添加和删除其中的元素. >>> classmates = ['Michael', 'Bob', 'Tracy'] >>> clas ...