通过js获取DropDownList的选中项


 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>

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


 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的选中项

时间: 2024-10-26 04:44:10

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

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

js获取checkbox复选框获取选中的选项 分享下javascript获取checkbox 复选框获取选中的选项的方法. 有关javascript 获取checkbox复选框的实例数不胜数.js实现: var form = document.getElementById("form2"); var field = form.elements["test2"]; var option = Dining.getSelectedOption(form, field);

JS获取DropDownList的value值与text值

<script type="text/javascript" language="javascript"> function SearchChange() { var ddl = document.getElementById('<%=DropDownList1.ClientID %>') var index = ddl.selectedIndex; var Value = ddl.options[index].value; var Text

通过JS获取页面表格选中行信息

在ASP.NET中表格的显式方法多种多样,有html标签<table></table>,有asp服务器控件GridView,还有Repeater控件等都可以帮我们在页面显式表格信息.GridView控件比较强大,它有自带的属性和方法可以用来对显式的表格数据进行各种操作.但是如果使用传统html标签<table></table>或者是Repeater控件来显式数据,又该如何取到选中行的数据呢.这里我们来介绍一下利用JS来取页面表格数据的方法. 如图所示,我们需

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

function jqchk(){ //jquery获取复选框值 var chk_value =[]; $('input[class="sel"]:checked').each(function(){ chk_value.push($(this).val()); }); if(chk_value.length==0){ alert('请先勾选您要删除的内容'); return; } console.log(chk_value); var msg = "您真的确定要删除吗?\n

js获取table checkbox选中行的值.mdjs获取table checkbox选中行的

<!DOCTYPE html> <html> <head> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script> <script> function check() {         var check = $("input[type='checkbox']:checked");//在tab

获取单个checkbox选中项

1.获取单个checkbox选中项(三种写法)$("input:checkbox:checked").val()或者$("input:[type='checkbox']:checked").val();或者$("input:[name='ck']:checked").val(); 2. 获取多个checkbox选中项$('input:checkbox').each(function() {        if ($(this).attr('che

jquery修改获取radio的选中项

<input id="txtBeginDate" onclick="$('#divDate').css({'top':$('#txtBeginDate').offset().top+'px','left':$('#txtBeginDate').offset().left+'px'})" style="width:170px;padding:7px 10px;border:1px solid #ccc;margin-right:10px;"/

DropDownList 设定选中项值

private void BindGoodName(DropDownList ddlGoodsName) { string sqlwhere = string.Empty; if (!string.IsNullOrEmpty(Request["id"])&& Convert.ToInt32(Request["id"]) > 0) { sqlwhere = " and Id <> " + Convert.ToInt

js 获取select的值 / js动态给select赋值

jQuery获取Select选择的Text和Value:语法解释:1. $("#select_id").change(function(){//code...});   //为Select添加事件,当选择其中一项时触发2. var checkText=$("#select_id").find("option:selected").text();  //获取Select选择的Text3. var checkValue=$("#select