通过JavaScript对DropDownList的操作 / 初学
1.在客户端编写 “OnSelectedIndexChanged” 事件
由于在客户端不识别 OnSelectedIndexChanged 事件,但是我们可以写其 onchange 事件,然后为
DropDownList 动态添加属性(onchange)。
<asp:DropDownList ID="SelectProvince" runat="server" AutoPostBack="True"></asp:DropDownList>
this.SelectProvince.Attributes.Add("onchange", "return SelectionChanged();");
2.在客户端动态绑定 DropDownList 的值
var option = document.createElement("option");
option.text = message[1];
option.value = message[0];
selectCity.options.add(option);
option.text = message[1];
option.value = message[0];
selectCity.options.add(option);
3.通过 javascript 获取 DropDownList 的值
var dropDownList = document.getElementById("SelectProvince");
var provinceId = dropDownList.options[dropDownList.selectedIndex].value;
var provinceId = dropDownList.options[dropDownList.selectedIndex].value;
3.通过 Ajax 实现省市联动。
我做了一个 Test ,不多说,看代码:
1.Default.aspx
Code
2.Default.aspx.cs
Code
3.Hello.aspx (XMLHttpRequest 的url)
Code
4.Hello.aspx.cs
Code
5.xmlHttp.js
Code
6.web.config
<connectionStrings>
<add name="DbConn" connectionString="Server=.; database=ProvinceCity; uid=sa; pwd=qingtian"/>
</connectionStrings>
<add name="DbConn" connectionString="Server=.; database=ProvinceCity; uid=sa; pwd=qingtian"/>
</connectionStrings>
这里要用到数据库的连接.如果要用上面的例子,请下载相关数据库。
数据库文件下载