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

作者:半夏

时间:2026-10-28

浏览:361

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

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章