easy ui 下拉框绑定数据select控件

2023-06-10,,

easy ui 中的下拉框控件叫做select,具体代码如下:

html代码:①、这是一个公司等级的下拉框

<tr>
<td>公司等级:</td>
<td>
<select id="CompanyDegree" style="width: 150px;">
</select></td>
<td>上级或同级:</td>
<td>
<input type="text" id="RelCompanyName" style="width: 150px;" />
<a id="btn_SearchCompany" href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'">选择公司</a> </td>
</tr>

js代码:

  //给公司等级绑定数据
$('#CompanyDegree').combobox({
url: 'Handler/CompanyDegreeHandler.ashx?Func=getcompanydegree&format=list',
editable: false, //不可编辑状态
cache: false,
//panelHeight: 'auto',//自动高度适合
panelHeight: "300",
valueField: 'CDId',
textField: 'CDName'
});

返回数据格式:

[{"CDId":1,"CDName":"集团公司"},{"CDId":2,"CDName":"合作公司"},{"CDId":3,"CDName":"独立公司"},{"CDId":4,"CDName":"子公司"},{"CDId":5,"CDName":"网点"},{"CDId":6,"CDName":"办事处"}]

easy ui 下拉框绑定数据select控件的相关教程结束。

《easy ui 下拉框绑定数据select控件.doc》

下载本文的Word格式文档,以方便收藏与打印。