html5复选框多项赋值,selectpicker下拉多选框ajax异步或者提前赋值=》默认值

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来操作的，

name="selectpickerallstr"

class="selectpicker show-tick form-control"

data-style="btn-success" multiple data-live-search="true">

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

//select颜色

var loadTemplateColor = function () {

$.ajax({

type: 'GET',

url: root + '/mycolor',

success: function (data) {

var data = eval(data);

$.each(data, function (i) {

$("" + data[i].text + "")

.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');

}

动态赋值

初始化调用 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("请选择");

for (var i = 0; i < typeData.length; i++) {

jQuery('#'+id).append("" + typeData[i].typeDesc + "");

}

}

jQuery('#'+id).selectpicker();

}

我的第一个jquery插件：下拉多选框

New Document

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

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

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

n">

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

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

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

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

DevExpress下拉多选框 CheckComboboxEdit、CheckedListBoxControl

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

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

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