entityMap|blocks|key|dm7kr|text|$('#Crd').val()|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|172fk|将为您提供下拉元素的选定值。使用此选项可获取选定的选项文本。|rplo|$('#Crd+option:selected').text();|code-block|syntax|js^0|0|F|0|0^^$0|$]|1|@$2|3|4|5|6|7|8|N|9|@$A|O|B|P|C|D]]|E|@]|F|$]]|$2|G|4|H|6|7|8|Q|9|@]|E|@]|F|$]]|$2|I|4|J|6|K|8|R|9|@]|E|@]|F|$L|M]]]]

<code>$('#Crd').val()</code> will give you the selected value of the drop down element. Use this to get the selected options text.

<pre><code>$('#Crd option:selected').text();
</code></pre>

entityMap|blocks|key|elt03|text|最好的方法是使用：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|e27s5|$("#yourid+option:selected").text();|code-block|syntax|js|4siu6|根据需求，您还可以使用以下方式：|5ki49|var+v+=+$("#yourid").val();
$("#yourid+option[value="%2Bv%2B"]").text()|javascript^0|0|0|0^^$0|$]|1|@$2|3|4|5|6|7|8|M|9|@]|A|@]|B|$]]|$2|C|4|D|6|E|8|N|9|@]|A|@]|B|$F|G]]|$2|H|4|I|6|7|8|O|9|@]|A|@]|B|$]]|$2|J|4|K|6|E|8|P|9|@]|A|@]|B|$F|L]]]]

The best way is to use:

<pre><code>$("#yourid option:selected").text();
</code></pre>

Depending on the requirement, you could also use this way:

<pre><code>var v = $("#yourid").val();
$("#yourid option[value="+v+"]").text()
</code></pre>

entityMap|blocks|key|2pfhu|text|这对我很有效！|type|unstyled|depth|inlineStyleRanges|entityRanges|data|fhjo7|$('#selected-option+option:selected').val()|code-block|syntax|js|b5r82|希望这对某些人有帮助！^0|0|0^^$0|$]|1|@$2|3|4|5|6|7|8|J|9|@]|A|@]|B|$]]|$2|C|4|D|6|E|8|K|9|@]|A|@]|B|$F|G]]|$2|H|4|I|6|7|8|L|9|@]|A|@]|B|$]]]]

This has worked for me!

<pre><code>$('#selected-option option:selected').val()
</code></pre>

Hope this helps someone!

entityMap|blocks|key|5m0mg|text|如果您使用的是|type|unstyled|depth|inlineStyleRanges|entityRanges|data|75cq|,+.val()+gets+the+'value'+of+the+selected+.+If+it+doesn't+have+a+value,+it+may+fallback+to+the+id.+Put+the+value+you+want+it+to+return+in+the+value+attribute+of+each+++Edit:+See+comments+for+clarification+on+what+value+actually+is+(not+necessarily+equal+to+the+value+attribute).|offset|length|style|CODE^0|0|0|7Q^^$0|$]|1|@$2|3|4|5|6|7|8|I|9|@]|A|@]|B|$]]|$2|C|4|D|6|7|8|J|9|@$E|K|F|L|G|H]]|A|@]|B|$]]]]

If you're using a <code>&lt;select&gt;</code>, <a href="http://api.jquery.com/val/" rel="noreferrer"><code>.val()</code></a> gets the 'value' of the selected <code>&lt;option&gt;</code>. If it doesn't have a <code>value</code>, it may fallback to the <code>id</code>. Put the value you want it to return in the <code>value</code> attribute of each <code>&lt;option&gt;</code>

Edit: See comments for clarification on what <code>value</code> actually is (not necessarily equal to the <code>value</code> attribute).

entityMap|blocks|key|4coud|text|试试这个：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|aq2sd|var+text+=+$('#YourDropdownId').find('option:selected').text();|code-block|syntax|js^0|0^^$0|$]|1|@$2|3|4|5|6|7|8|H|9|@]|A|@]|B|$]]|$2|C|4|D|6|E|8|I|9|@]|A|@]|B|$F|G]]]]

Try this:

<pre><code>var text = $('#YourDropdownId').find('option:selected').text();
</code></pre>

entityMap|blocks|key|7dkde|text|var+sal+=+$('.selectSal+option:selected').eq(0).val();|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|js|d4cat|selectSal是一个类。|unstyled|offset|length|style|CODE^0|0|0|9^^$0|$]|1|@$2|3|4|5|6|7|8|L|9|@]|A|@]|B|$C|D]]|$2|E|4|F|6|G|8|M|9|@$H|N|I|O|J|K]]|A|@]|B|$]]]]

<pre><code>var sal = $('.selectSal option:selected').eq(0).val();
</code></pre>

<code>selectSal</code> is a class.

entityMap|blocks|key|94s8l|text|另一种选择：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|60nvp|$("#<%25=dropDownId.ClientID%25>").children("option:selected").val();|code-block|syntax|js^0|0^^$0|$]|1|@$2|3|4|5|6|7|8|H|9|@]|A|@]|B|$]]|$2|C|4|D|6|E|8|I|9|@]|A|@]|B|$F|G]]]]

Another option:

<pre><code>$("#&lt;%=dropDownId.ClientID%&gt;").children("option:selected").val();
</code></pre>

entityMap|0|type|LINK|mutability|MUTABLE|data|url|http://api.jquery.com/val/|blocks|key|8qunp|text|正如已经指出的那样..。在一个select框中，.val()属性将为您提供所选选项的值。如果所选选项没有value属性，它将缺省为该选项的显示值(这是上的示例`.val`的jQuery文档表演。|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|7kdpm|您想要使用.text()所选选项的：$('#Crd+option:selected').text()^0|F|6|O|6|27|F|0|0|5|7|I|W^^$0|$1|$2|3|4|5|6|$7|8]]]|9|@$A|B|C|D|2|E|F|O|G|@$H|P|I|Q|J|K]|$H|R|I|S|J|K]]|L|@$H|T|I|U|A|V]]|6|$]]|$A|M|C|N|2|E|F|W|G|@$H|X|I|Y|J|K]|$H|Z|I|10|J|K]]|L|@]|6|$]]]]

As has been pointed out ... in a <code>select</code> box, the <code>.val()</code> attribute will give you the value of the selected option. If the selected option does not have a value attribute it will default to the display value of the option (which is what the examples on the <a href="http://api.jquery.com/val/" rel="nofollow">jQuery documentation of <code>.val</code></a> show.

you want to use <code>.text()</code> of the selected option:

<code>$('#Crd option:selected').text()</code>

entityMap|blocks|key|cpqm3|text|​|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4jqaq|$('.leave_response').on('change',+function()+{
++++var+responseId+=+$(this).val();
++++console.log(responseId);
});|code-block|syntax|javascript|fnce2|1
++++++++2
++++++++3
++++++++4|887tg^0|0|0|0^^$0|$]|1|@$2|3|4|5|6|7|8|K|9|@]|A|@]|B|$]]|$2|C|4|D|6|E|8|L|9|@]|A|@]|B|$F|G]]|$2|H|4|I|6|E|8|M|9|@]|A|@]|B|$F|G]]|$2|J|4|5|6|7|8|N|9|@]|A|@]|B|$]]]]

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>$('.leave_response').on('change', function() {
 var responseId = $(this).val();
 console.log(responseId);
});</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
&lt;td&gt;
 &lt;select class="leave_response" name="leave"&gt;
 &lt;option&gt;1&lt;/option&gt;
 &lt;option&gt;2&lt;/option&gt;
 &lt;option&gt;3&lt;/option&gt;
 &lt;option&gt;4&lt;/option&gt;
 &lt;/select&gt;
&lt;/td&gt;</code></pre>
</div>
</div>

entityMap|blocks|key|2elaq|text|将id和hold传递到一个变量中，然后将该变量传递到您想要传递的任何位置。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3kn6f|var+temp+=+$('selectname=ID名称').val()；|blockquote^0|0^^$0|$]|1|@$2|3|4|5|6|7|8|F|9|@]|A|@]|B|$]]|$2|C|4|D|6|E|8|G|9|@]|A|@]|B|$]]]]

Pass the id and hold into a variable and pass the variable where ever you want. 

<blockquote>
 var temp = $('select[name=ID Name]').val();
</blockquote>

entityMap|blocks|key|cp89k|text|您可以在其变量中包含文本值#Crd。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|anuce|$(document).on('click',+'#Crd',+function+()+{
+++++var+Crd+=+$(+"#Crd+option:selected"+).text();
});|code-block|syntax|javascript^0|0^^$0|$]|1|@$2|3|4|5|6|7|8|H|9|@]|A|@]|B|$]]|$2|C|4|D|6|E|8|I|9|@]|A|@]|B|$F|G]]]]

You can have text value of #Crd in its variable .
<pre><code>$(document).on('click', '#Crd', function () {
 var Crd = $( &quot;#Crd option:selected&quot; ).text();
});
</code></pre>

I have a drop down that has an 'ID, Name' Pair.

Example

Jon Miller 
Jim Smith 
Jen Morsin

Jon MIller has ID of 101 
Jim Smith has ID of 102 
Jen Morsin has ID of 103

When I do the followng:

<pre><code>var arNames = $('#Crd').val() 
</code></pre>

and I select Jon Miller, I get 101. I'd like to get Jon Miller though.

Get the value of a dropdown in jQuery

jQuery

 我有一个下拉列表，它有一个'ID，Name‘对。 示例 乔恩·米勒 吉姆·史密斯 Jen Morsin Jon MIller的ID为101 Jim Smith的ID是102 Jen Morsin的ID是103 当我执行以下操作时： var arNames = $('#Crd').val() 我选择了乔恩·米勒，我得到了101分。不过我还是想找乔恩·米勒。

问在jQuery中获取下拉列表的值
EN

回答 11

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在jQuery中获取下拉列表的值EN

回答 11

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在jQuery中获取下拉列表的值
EN