<html xmlns="http://www.w3.org/1999/xhtml">

 <head runat="server">

     <title></title>

     <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>

     <script type="text/javascript">

         $(document).ready(function () {

             //写法1

             //var ddl = document.getElementById("<%=ddlDept.ClientID %>");

             //写法2

            //var ddl=$("#<%=ddlDept.ClientID%>");

            alert(ddl.selectedIndex);

         });

         function show(obj) {

             var v = $(obj).val();

             alert(v);

         }

     </script>

 </head>

 <body>

     <form id="form1" runat="server">

     <div>

     <asp:DropDownList runat="server" ID="ddlDept"  onchange="show(this)"  />

     </div>

     </form>

 </body>

 </html>

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

  public partial class WebForm1 : System.Web.UI.Page

     {

         protected void Page_Load(object sender, EventArgs e)

         {

             List<string> list=new List<string>(){"aaa","bbb","ccc"};

             ddlDept.DataSource = list;

             ddlDept.DataBind();

             ddlDept.SelectedIndex = ;

         }

     }

不知道用jQuery怎么写。

另一种版本的写法(全部在前台完成):

 <head runat="server">

     <title></title>

     <script type="text/javascript" language="javascript">

         function SearchChange() {

             var ddl = document.getElementById("DropDownList1")

             var index = ddl.selectedIndex;

             var Value = ddl.options[index].value;

             var Text = ddl.options[index].text;

             alert(Value);

             alert(Text);

         }

     </script>

 </head>

 <body>

     <form id="form1" runat="server">

     <div>

         <asp:DropDownList ID="DropDownList1" runat="server" onchange="SearchChange();">

             <asp:ListItem Value="0">111</asp:ListItem>

             <asp:ListItem Value="1">222</asp:ListItem>

             <asp:ListItem Value="2">333</asp:ListItem>

         </asp:DropDownList>

     </div>

     </form>

 </body>

通过js获取DropDownList的选中项的更多相关文章

  1. 每日学习心得：Js获取Checkboxlist所选值、instanceof 和typeof区别、为Array添加contains方法

    2013-11-24 前言: 上周在工作中遇到了一些跟JS以及前台交互的问题,虽然算不上多么高深,但是在解决时也走了一些弯路,所以就总结一下. 1.    JS获取checkboxList所选的值 这 ...

  2. JS 获取select(多选下拉)中所选值的示例代码

    通过js获取select(多选下拉)中所选值,具体实现如下,有需要的朋友可以参考下,希望对大家有所帮助 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML ...

  3. js获取checkbox复选框获取选中的选项

    js获取checkbox复选框获取选中的选项 分享下javascript获取checkbox 复选框获取选中的选项的方法. 有关javascript 获取checkbox复选框的实例数不胜数.js实现 ...

  4. JS获取DropDownList选择项的值

    var dropDownList= document.getElementById("<%=DropDownListID.ClientID %>");//获取DropD ...

  5. JS获取Dropdownlist选中值

    var dropDownList = document.getElementById("ddl_sheng"); //获取DropDownList控件 var dropDownLi ...

  6. WPF学习笔记：获取ListBox的选中项

    有代码有J8: UI <UserControl x:Class="UnitViews.UserListUV" xmlns="http://schemas.micro ...

  7. 用JS获取DropDownList选中得值

    HTML: <asp:DropDownList ID="DropdownList1" runat="server" AutoPostBack=" ...

  8. js 获取单项复选的值

    html: 单选框-----> 25岁以下 25~35岁 35~50岁 50岁以上 获值 var question1 = $('input:radio[name="radio" ...

  9. JS获取页面复选框选中的值

    function jqchk(){ //jquery获取复选框值 var chk_value =[]; $('input[class="sel"]:checked').each(f ...

随机推荐

  1. ArcGIS 投影转换（AE）

    private void btnOK_Click(object sender, EventArgs e) { try { CheckError(); this.checkEdit1.Enabled = ...

  2. Oracle基础（五） 权限管理

    一.数据库权限分类 权限是指用户对某个功能是否具有执行的权利.在Oracle中,权限分为系统权限和对象权限. 1.系统权限 系统规定用户使用数据库的权限.例如创建表空间,创建表,删除表的权利.这些都属 ...

  3. pl sql 变量的声明和赋值

    链接地址:http://www.cnblogs.com/zhengcheng/p/4168670.html 一.什么是PL-SQL PL-SQL是结合了Oracle过程语言和结构化查询语言(SQL)的 ...

  4. cordova发送邮件插件：ngcordova plugin-Email Composer

    这是ngcordova里边的一个发送邮件的插件,具体的使用方法为: (参考文档:http://ngcordova.com/docs/plugins/emailComposer/) 1.首先下载插件: ...

  5. hdu 3308 LCIS 线段树

    昨天热身赛的简单版:LCIS.昨天那题用树链剖分,不知道哪里写错了,所以水了水这题看看合并.更新方式是否正确,发现没错啊.看来应该是在树链剖分求lca时写错了... 题目:给出n个数,有两种操作: 1 ...

  6. 转：关于视频H264编解码的应用实现

    转:http://blog.csdn.net/scalerzhangjie/article/details/8273410 项目要用到视频编解码,最近半个月都在搞,说实话真是走了很多弯路,浪费了很多时 ...

  7. 让UIScrollView、UITableView的滚动条一直显示

    先用xcode5.1.1或更低版本创建一个Category,如图: 然后拷贝以下代码到刚创建的UIImageView+ForScrollView.m文件中: - (void) setAlpha:(fl ...

  8. Differential Geometry之第四章标架与曲面论的基本定理

    第四章.标架与曲面论的基本定理 1.活动标架 2.自然标架的运动方程 爱因斯坦求和约定(Einstein summation convention) 3.曲面的结构方程 4.曲面的存在唯一性定理 5. ...

  9. Matlab之文件操作

    1.判断是否存在文件夹:if (exist(folderName,'dir')) 2.创建文件夹:mkdir(folderName) 3.删除文件夹:rmdir(folderName,'s') 4.当 ...

  10. BootStraps 布局

    <div class="container"> //创建一个容器 <div class="row">  //创建行,每行总有12个格数 ...