【easyui】--combobox--赋值和获取选中的值
/初始化下拉选框
$('#communityIdDiv').combobox({
url:basepath+"pushController/queryCommonityName",
valueField:'col_ID',
textField:'col_Name',
panelHeight:80,
selectOnNavigation:false,
loadFilter:function(data){
var o = [{'col_ID':'0','col_Name':'--全推--'}];
$('#communityIdDiv').combobox("select",0);
return o.concat(data);
},
onSelect:function(record){
//获取下拉中的数据
var data = $('#colOperateDiv').combobox("getData");
//获取lable位置的值,一般都是类似主键的东西
var lable = $("input[name='colCommunityId']").val();
//遍历所有下拉框中的数据 data为数组形式
for(var index in data){
if(data[index].col_ID==lable){
//$("#_easyui_combobox_i1_"+index).text() 就是动态的获取选中的数据(人眼直接看到的)
$('#td4').text($("#_easyui_combobox_i1_"+index).text());
}
}
}
});
前台页面写法:
<div id="communityIdDiv" name="colCommunityId"></div>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
$( '#newstype' ).combobox({
url: '${ctx}/manage/news/newstype_comboxjson' ,
valueField: 'id' ,
textField: 'typename' ,
panelHeight: 'auto' ,
required: 'true' ,
editable: 'false' ,
onLoadSuccess: function () {
var data = $( '#newstype' ).combobox( 'getData' );
if (data.length > 0) {
$( '#newstype' ).combobox( 'select' , data[0].id);
}
}
});
|
easyui combobox 值怎样获取
$('#com').combobox('getValue')获取当前选中的值
$('#com').combobox('getText')获取当前选中的文字