说明:这里演示的下拉复选框的选择
<input type="hidden" id="s_string_like_rwlb" name="s_string_like_rwlb"/>
<input type="hidden" id="hf_rwlbmc" name="hf_rwlbmc"/>
<input class="easyui-combobox" id="yjrw" name="yjrw" type="text" style="width: 145px;">
$(function() {
loadUI();//选择抽查类型
loadRwlbInfos('');//加载抽查类型
});
//加载选择框的数据
function loadRwlbInfos(yjrw) {
$.post(basePath + "/admin/code/listCodeByMzjc", { //注意这里要写你自己的接口地址和相应的参数
prefix : 'RL',
type : '1',
code : ''
}, function(data) {
if (data.msg == 'OK') {
var codedata = [];
for (var i = 0; i < data.list.length; i++) {
codedata.push({
"text" : data.list[i].description,
"id" : data.list[i].code
});
}
$("#yjrw").combobox("loadData", codedata);
if (yjrw != '') {
$("#yjrw").combobox("setValues", yjrw.split(','));
} else {
$("#yjrw").combobox("setValues", '');
}
}
}, 'json');
}
//选择
function loadUI(){
$("#yjrw").combobox({
valueField:'id',
textField:'text',
multiple:true,
editable:false,
formatter: function(row){
var opts = $(this).combobox('options');
return '<input type="checkbox" class="combobox-checkbox">' + row[opts.textField];
},
onSelect: function (row) {
var options = $(this).combobox('options');
var el = options.finder.getEl(this, row[options.valueField]);
el.find('input.combobox-checkbox')._propAttr('checked', true);
if(row.id!=''){
$('#s_string_like_rwlb').val($('#yjrw').combobox('getValues'));
$('#hf_rwlbmc').val($('#yjrw').combobox('getText'));
}
},
onUnselect: function (row) {
console.log(row);
var options = $(this).combobox('options');
var el = options.finder.getEl(this, row[options.valueField]);
el.find('input.combobox-checkbox')._propAttr('checked', false);
if(row.id!=''){
$('#s_string_like_rwlb').val($('#yjrw').combobox('getValues'));
$('#hf_rwlbmc').val($('#yjrw').combobox('getText'));
}
}
});
}
效果图