通过js获取DropDownList的选中项

时间：2014-05-21 05:40:54 收藏：0 阅读：321

 1 <html xmlns="http://www.w3.org/1999/xhtml">
 2 <head runat="server">
 3     <title></title>
 4     <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
 5     <script type="text/javascript">
 6         $(document).ready(function () {
 7             //写法1
 8             //var ddl = document.getElementById("<%=ddlDept.ClientID %>");
 9             //写法2
10            //var ddl=$("#<%=ddlDept.ClientID%>");
11            alert(ddl.selectedIndex);
12         });
13         
14 
15         function show(obj) {
16             var v = $(obj).val();
17             alert(v);
18         }
19     </script>
20 </head>
21 <body>
22     <form id="form1" runat="server">
23     <div>
24     <asp:DropDownList runat="server" ID="ddlDept"  onchange="show(this)"  />
25     </div>
26     </form>
27 </body>
28 </html>

View Code

上面是前台代码,下面是后台代码.

 1  public partial class WebForm1 : System.Web.UI.Page
 2     {
 3         protected void Page_Load(object sender, EventArgs e)
 4         {
 5             List<string> list=new List<string>(){"aaa","bbb","ccc"};
 6             ddlDept.DataSource = list;
 7             ddlDept.DataBind();
 8             ddlDept.SelectedIndex = 2;
 9         }
10     }

不知道用jQuery怎么写。

通过js获取DropDownList的选中项,布布扣,bubuko.com