我们知道，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