首页 > Web开发 > 详细

通过js获取DropDownList的选中项

时间:2014-05-21 05:41:32      阅读:524      评论:0      收藏:0      [点我收藏+]
bubuko.com,布布扣
bubuko.com,布布扣
 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
bubuko.com,布布扣

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

bubuko.com,布布扣
 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     }
bubuko.com,布布扣

不知道用jQuery怎么写。

 

 

 

 

 

 

 

 

 

 

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

通过js获取DropDownList的选中项

原文:http://www.cnblogs.com/hshuai/p/3739424.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!