本文介绍如何利用JavaScript和jQuery动态为TextBox控件绑定下拉框数据源。通过监听品牌选择事件,清除旧数据后,配置Autocomplete插件调用指定ASPX页面,并传递当前选中的品牌参数,实现根据用户选择动态获取并展示车辆系列数据的完整流程。
动态绑定TextBox数据源实现
代码示例如下:
$("#<%=lstCarBrand.ClientID%>").change(function () {
$("#<%=txtCarSeries.ClientID%>").val("");//清空文本框内容
$("#<%=txtCarSeries.ClientID%>").unautocomplete();//移除自动补全功能
$("#<%=txtCarSeries.ClientID%>").autocomplete('Ajax/AjaxCusCarEssentialVersion.aspx', {
width: 200,
multiple: false,
matchContains: true,
extraParams: {
"CarBrand": function () {
return $("#<%=lstCarBrand.ClientID%>").val();
}
}
});
});