1.方式一
<select id="cc" class="easyui-combobox" name="dept" style="width:200px;"> <option value="aa">aitem1</option> <option>bitem2</option> <option>bitem3</option> <option>ditem4</option> <option>eitem5</option> </select>
2.方式二
<input id="cc" class="easyui-combobox" name="dept" data-options="valueField:‘id‘,textField:‘text‘,url:‘get_data.php‘">
3.方式三
<input id="cc" name="dept" value="aa">
$(‘#cc‘).combobox({ url:‘combobox_data.json‘, valueField:‘id‘, textField:‘text‘ });
使用DEMO
<input id="ddlDemo"> $("#ddlDemo").combobox({ url:"/***/***", editable: false, //不可编辑状态 //cache: false, panelHeight: "auto",//自动高度适合 valueField: "myid", textField: "myname", onSelect: function (rec) { var url = "...url..."; $("#ddlDemo2").combobox("reload", url);//选择后触发事件,级联加载 }, onLoadSuccess: function (rec) { $("#ddlDemo").combobox("setValue", "请选择");//成功后的操作 } }); $("#ddlDemo").combobox("select", "100136");//选择指定ID,并触发onSelect事件 $("#ddlDemo").combobox("setValue", "100136");//选择指定ID,不触发onSelect事件
时间: 2024-10-06 12:24:31