jq post 提交二级无刷新绑定

最新推荐文章于 2024-12-09 10:52:52 发布

SeaSheep

最新推荐文章于 2024-12-09 10:52:52 发布

阅读量855

点赞数

CC 4.0 BY-SA版权

分类专栏： .C# 控件文章标签： function null

本文链接：https://blog.youkuaiyun.com/SeaSheep/article/details/5768435

.C# 控件专栏收录该内容

5 篇文章

订阅专栏

通过JavaScript实现根据省选择动态加载市下拉框的功能，包括获取省值、发送POST请求、处理响应并清空旧选项后重新绑定新数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//得到省

var ProvinceVal = document.getElementById("<%=ddlProvince.ClientID %>").value;
$.post("GetCity.aspx",
{

//参数
                         ProvinceFromCity: ProvinceVal,
                         flag: '1'
                     }, function(data) {
                         //如果ddlCity存在值,要进行清空在进行赋值
                         if (document.getElementById("<%=ddlCity.ClientID %>").value != null) {
                             document.getElementById("<%=ddlCity.ClientID %>").options.length = 0;
                         }
                         var dataarr = new Array();
                         dataarr = data.toString().substring(1, data.length).split(',');
                         for (var i = 0; i < dataarr.length; i++) {
                             var names = new Array();
                             names = dataarr[i].split('|');

//动态进行绑定
                             var opt = document.createElement("Option");
                             opt.text = names[0];
                             opt.value = names[1];
                             document.getElementById("<%=ddlCity.ClientID %>").add(opt);
                         }
                     }, "text")
                 }