现在的位置: 首页 > 综合 > 正文

通过JavaScript对DropDownList的操作 / 初学

2012年01月30日 ⁄ 综合 ⁄ 共 2854字 ⁄ 字号 评论关闭

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);

3.通过 javascript 获取 DropDownList 的值

var dropDownList = document.getElementById("SelectProvince");
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>

这里要用到数据库的连接.如果要用上面的例子,请下载相关数据库。
数据库文件下载

抱歉!评论已关闭.