var provinceArr=[{text:'部属单位'},{text:'北京市'},{text:'天津市'},{text:'上海市'},{text:'重庆市'},{text:'河北省'},{text:'山西省'},{text:'辽宁省'},{text:'吉林省'},{text:'黑龙江省'},{text:'江苏省'},{text:'浙江省'},{text:'安徽省'},{text:'福建省'},{text:'江西省'},{text:'山东省'},{text:'河南省'},{text:'湖北省'},{text:'湖南省'},{text:'广东省'},{text:'海南省'},{text:'四川省'},{text:'贵州省'},{text:'云南省'},{text:'陕西省'},{text:'甘肃省'},{text:'青海省'},{text:'台湾省'},{text:'内蒙古'},{text:'宁夏'},{text:'新疆'},{text:'西藏'},{text:'香港'},{text:'澳门'}];
$("#province").combobox({
valueField: 'text',
textField: 'text',
data : provinceArr,
editable:false
});
中间每一个对象代表一条数据,valueField 选项的值,textField选项的显示文本。
data:用来组建下拉选想的数据,静态数据
下面使用URL来获取服务器的数据填充下拉框
$("#shipType").combobox({
url: 'getAllShipTypeForCombobox.action',
valueField: 'id',
textField: 'text'
});
使用combobox实现联动的效果
$("#ituGenericType").combobox({
url: 'getAllItuGenericTypeInfList.action',
valueField: 'id',
textField: 'text',
editable:false ,
onSelect : function(rec){
reloadItuTypes(rec.id);
}
});
其中onSelect所触发的函数就是填充子目录
function reloadItuTypes(genericItuType){
var url = 'getItuTypeByGenericTypeId.action?ituGenericTypeId='+genericItuType;
$('#ituType').combobox('reload', url);
}
以上是所触发的函数,触发函数后对ituType控件进行数据的加载
$('#ituType').combobox({
valueField: 'ituTypeId',
textField: 'ituTypeName',
editable: false
});
控件声明如上