,,DropDownList添加客户端下拉事件操作

我们知道，DropDownList下拉框是一个服务器控件，有时候，有些朋友为了方便绑定DropDownList下拉框的选项，但又想在DropDownList实现客户端的下拉事件，那该怎么实现呢？

如果要想给DropDownList服务器控件添加客户端下拉事件，我们可以强制给它添加onchange事件，尽管在控件中没有这个方法的提示。添加完这个事件还不能达到目的，还要设置自动回发属性为假的，不让它回发后台事件。

以下就是为大家分享的代码：

html xmlns=' http://。w3。' org/1999/XHTML '

head runat='server '

titleDropDownList添加客户端下拉事件/标题

脚本类型='文本/javascript '

函数getDropDownList() {

var DDL 1=文档。getelementbyid(' %=DDL 1 .ClientID % ')；

var text=DDL 1。选项[DDL 1。选项。selectedindex].文本；//获取文本值

var值=DDL 1。价值；//获取价值值

alert(' Text:' DDL 1。选项[DDL 1。选项。selectedindex].' text '，值：' DDL 1。值)；

}

/脚本

/头

身体

表单id='form1' runat='server '

ASP:DropDownList ID=' DDL 1 ' runat=' server ' AutoPostBack=' false ' onchange=' getDropDownList()；'

ASP:ListItem Text=' T1 ' Value=' V1 ' Selected=' True '/ASP:ListItem

ASP:ListItem Text=' T2 ' Value=' V2 '/ASP:ListItem

ASP:ListItem Text=' T3 ' Value=' V3 '/ASP:ListItem

/asp:DropDownList

/表单

/body

/html

总结一下，也就是说，要想给DropDownList下拉框添加客户端下拉事件，必须做两步工作，一是添加强制onchange事件，二是把 AutoPostBack属性设为false,就是这么简单！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。