您现在的位置: 365建站网 > 365学习 > 通过JavaScript对DropDownList的操作 / 初学

通过JavaScript对DropDownList的操作 / 初学

文章来源:365jz.com     点击数:1216    更新时间:2009-09-19 10:32   参与评论
1.在客户端编写 “OnSelectedIndexChanged” 事件
  由于在客户端不识别 OnSelectedIndexChanged 事件,但是我们可以写其 onchange 事件,然后为
  DropDownList 动态添加属性(onchange)。
<asp:DropDownList ID="SelectProvince" runat="server" AutoPostBack="True" onchange="SelectionChanged"></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>

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

如对本文有疑问,请提交到交流论坛,广大热心网友会为你解答!! 点击进入论坛


发表评论 (1216人查看0条评论)
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
用户名: 验证码: 点击我更换图片
最新评论
------分隔线----------------------------