嘿我想在jquery中获取我的下拉列表的值或选定索引。当我尝试这个时,它会以未定义的形式返回。当我尝试.index()时,它只给我索引而不是选中的索引。
<td>
<asp:DropDownList id="ddlFullName" runat="server" Width="48px" />
</td>
这是我的Jquery。
$(document).ready(function () {
$("select[id$='_ddlFullName']").change(function () {
console.log("changed");
var selectedText = $("select[id$='_dllFullName'] option:selected").val();
console.log("selected text= " + selectedText);
});
});
另一件事。我正在使用DotNetNuke,所以在客户端它将我的下拉列表包装成一个链接,其中包含选定的值或文本中显示的文本,如下所示。
<a href="javascript:void(0)" id="Skinneddnn_ctr481_ViewResellerSite_Dashboard_ResellerSite/BulkMailingProcessingMain_ddlFullName" unselectable="on" tabindex="-1" class="rfdSelect rfdSelect_Growll" style="width: 44px;"><span class="rfdSelectOuter"><span class="rfdSelectText">c_county</span></span></a>
下面的实际下拉列表
<select name="dnn$ctr481$ViewResellerSite$Dashboard$ResellerSite/BulkMailingProcessingMain$ddlFullName" id="dnn_ctr481_ViewResellerSite_Dashboard_ResellerSite/BulkMailingProcessingMain_ddlFullName" style="width: 44px;" class="rfdRealInput" _rfddecoratedid="Skinneddnn_ctr481_ViewResellerSite_Dashboard_ResellerSite/BulkMailingProcessingMain_ddlFullName">
<option value=""></option>
<option value="c_add1">c_add1</option>
<option value="c_city">c_city</option>
<option value="c_state">c_state</option>
<option value="c_zip">c_zip</option>
<option value="c_key">c_key</option>
<option value="c_f_nm">c_f_nm</option>
<option value="c_l_nm">c_l_nm</option>
<option value="c_add2">c_add2</option>
<option value="c_county">c_county</option>
<option value="c_country">c_country</option>
<option value="c_phone">c_phone</option>
<option value="c_company">c_company</option>
<option value="c_fax">c_fax</option>
<option value="c_pager">c_pager</option>
<option value="c_cellular">c_cellular</option>
<option value="c_em">c_em</option>
<option value="pw">pw</option>
<option value="username">username</option>
<option value="gender">gender</option>
<option value="opt1">opt1</option>
<option value="s_f_nm">s_f_nm</option>
<option value="s_l_nm">s_l_nm</option>
<option value="s_add1">s_add1</option>
<option value="s_add2">s_add2</option>
<option value="s_city">s_city</option>
<option value="s_state">s_state</option>
<option value="s_county">s_county</option>
<option value="s_zip">s_zip</option>
<option value="s_country">s_country</option>
<option value="s_phone">s_phone</option>
<option value="s_fax">s_fax</option>
<option value="s_company">s_company</option>
<option value="s_pager">s_pager</option>
<option value="s_cellular">s_cellular</option>
<option value="cg_id">cg_id</option>
<option value="opt3">opt3</option>
<option value="opt2">opt2</option>
<option value="ibo">ibo</option>
<option value="sibo">sibo</option>
<option value="libo">libo</option>
<option value="plevel">plevel</option>
<option value="var_num">var_num</option>
<option value="var_name">var_name</option>
<option value="var_type">var_type</option>
<option value="var_ref">var_ref</option>
<option value="pay_method">pay_method</option>
<option value="sales_exempt">sales_exempt</option>
<option value="sacct_code">sacct_code</option>
<option value="cctype">cctype</option>
<option value="logon_redirect">logon_redirect</option>
<option value="logon_redirect_pagename">logon_redirect_pagename</option>
<option value="mgr_account_access">mgr_account_access</option>
<option value="mgr_managerfront_access">mgr_managerfront_access</option>
<option value="type">type</option>
<option value="s_flospath">s_flospath</option>
<option value="flospath">flospath</option>
<option value="blospath">blospath</option>
<option value="s_blospath">s_blospath</option>
<option value="bsponsor">bsponsor</option>
<option value="fsponsor">fsponsor</option>
<option value="flospath_level">flospath_level</option>
<option value="blospath_level">blospath_level</option>
<option value="spouse_f_nm">spouse_f_nm</option>
<option value="spouse_l_nm">spouse_l_nm</option>
<option value="bus_type">bus_type</option>
<option value="emdate">emdate</option>
<option value="leglock">leglock</option>
<option value="leg_strength">leg_strength</option>
<option value="bleg">bleg</option>
<option value="bactivated">bactivated</option>
<option value="blmvol">blmvol</option>
<option value="bqualfied">bqualfied</option>
<option value="flag1">flag1</option>
<option value="flag2">flag2</option>
<option value="flag4">flag4</option>
<option value="flag5">flag5</option>
<option value="flag3">flag3</option>
<option value="NotifyFlag">NotifyFlag</option>
<option value="CustomerPath">CustomerPath</option>
<option value="CustFlags1">CustFlags1</option>
<option value="cust_ser_logon">cust_ser_logon</option>
<option value="opt4">opt4</option>
<option value="opt5">opt5</option>
<option value="opt6">opt6</option>
<option value="opt7">opt7</option>
<option value="opt8">opt8</option>
<option value="opt9">opt9</option>
<option value="opt10">opt10</option>
<option value="opt11">opt11</option>
<option value="opt12">opt12</option>
<option value="opt13">opt13</option>
<option value="opt14">opt14</option>
<option value="opt15">opt15</option>
<option value="features">features</option>
<option value="bleg1">bleg1</option>
<option value="row_added">row_added</option>
<option value="status">status</option>
<option value="ws_nm">ws_nm</option>
<option value="date">date</option>
</select>
答案 0 :(得分:1)
试试这个,
$(function(){
$("select#ddlFullName").change(function () {
console.log("changed");
var selectedText = $(this).val();
console.log("selected text= " + selectedText);
});
});
答案 1 :(得分:1)
DEMO - &gt; http://jsfiddle.net/3AFwj/
在申请课程时,请使用Class
选择器代替ID
$(".rfdRealInput").change(function () {
console.log("changed");
var selectedText = $(".rfdRealInput option:selected").val();
console.log("selected text= " + selectedText);
});
答案 2 :(得分:0)
Try using selector like this:
$(document).ready(function () {
$("#ddlFullName").change(function () {
console.log("changed");
var selectedText = $("#dllFullName").val();
console.log("selected text= " + selectedText);
});
});