JS动态为TextBox添加下拉框数据源的方法

作者:半夏时间:2026-10-28 09:34:03浏览:362

本文介绍如何利用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();
} 
} 
}); 
}); 
作者最新文章