jquery easyui combobox学习

时间:2021-08-28 02:04:24

今天尝试了一下jquery easy ui的combobox,感觉蛮好用的,直接上代码吧

HTML如下

 <div>
<input id="btnBind" type="button" onclick="bindLanguage();" />
<asp:DropDownList ID="testChange" onchange="bindLanguage();" runat="server" >
</asp:DropDownList>
<input class="easyui-combobox" id="language" name="language"
data-options="valueField:'id',textField:'text',multiple:true" />
</div>

引用的JS库

<script src="Scripts/jquery-1.4.4.min.js" type="text/javascript"></script>
<script src="Scripts/jquery.easyui.min.js" type="text/javascript"></script>
<link href="CSS/easyui.css" rel="stylesheet" type="text/css" />

JS方法

 <script language="javascript" type="text/javascript">
function bindLanguage() {
$('#language').combobox('setValue');
$.ajax({
url: "GetData.ashx",
cache: false,
async: false,
success: function (data) {
try {
var countList = eval(data);
$('#language').combobox('loadData', countList);
}
catch (ex) {
}
}
});
}
function onChange() {
alert(231);
}
</script>