blocks|key|1342809|text|试试这个：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1342810|$('select+option:selected').text();|code-block|syntax|javascript|1342811|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Try this:</p>

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


blocks|key|1342880|text|您好，首先为select指定一个id，作为|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1342881|<select+id=theid>
<option+value="test">label+</option>
</select>|code-block|syntax|javascript|1342882|然后，您可以像这样调用所选标签：|1342883|jQuery('#theid+option:selected').text()|1342884|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<p>Hi first give an id to the select as </p>

<pre><code>&lt;select id=theid&gt;
&lt;option value="test"&gt;label &lt;/option&gt;
&lt;/select&gt;
</code></pre>

<p>then you can call the selected label like that:</p>

<pre><code>jQuery('#theid option:selected').text()
</code></pre>


blocks|key|1127784|text|作为参考，在选项标记上还有一个辅助label属性：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1127785|//returns+"GET+THIS"+when+option+is+selected
$('#selecter+:selected').attr('label');+|code-block|syntax|javascript|1127786|Html|1127787|<select+id="selecter">
<option+value="test"+label="GET+THIS">
Option+(also+called+label)</option>
</select>|1127788|entityMap^0|H|5|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|T|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|U|8|@]|D|@]|E|$]]|$1|M|3|N|5|H|7|V|8|@]|D|@]|E|$I|J]]|$1|O|3|-4|5|6|7|W|8|@]|D|@]|E|$]]]|P|$]]

<p>For reference there is also a secondary <code>label</code> attribute on the option tag:</p>

<pre><code>//returns "GET THIS" when option is selected
$('#selecter :selected').attr('label'); 
</code></pre>

<p>Html</p>

<pre><code>&lt;select id="selecter"&gt;
&lt;option value="test" label="GET THIS"&gt;
Option (also called label)&lt;/option&gt;
&lt;/select&gt;
</code></pre>


blocks|key|1342938|text|要在下拉列表中获取特定选项的标签，您可以这样做--|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1342939|$('.class_of_dropdown+>+option[value='value_to_be_searched']').html();|code-block|syntax|javascript|1342940|或|1342941|$('#id_of_dropdown+>+option[value='value_to_be_Searched']').html();|1342942|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<p>To get the label of a specific option in a dropdown yo can ty this -- </p>

<pre><code>$('.class_of_dropdown &gt; option[value='value_to_be_searched']').html();
</code></pre>

<p>or</p>

<pre><code>$('#id_of_dropdown &gt; option[value='value_to_be_Searched']').html();
</code></pre>


blocks|key|1343113|text|我发现这很有帮助|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1343114|$('select[name=users]+option:selected').text()|code-block|syntax|javascript|1343115|使用this关键字访问选择器时。|offset|length|style|CODE|1343116|$(this).find('option:selected').text()|1343117|entityMap^0|0|0|2|4|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@$I|T|J|U|K|L]]|9|@]|A|$]]|$1|M|3|N|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

<p>I found this helpful</p>

<pre><code>$('select[name=users] option:selected').text()
</code></pre>

<p>When accessing the selector using the <code>this</code> keyword.</p>

<pre><code>$(this).find('option:selected').text()
</code></pre>


blocks|key|1127662|text|$("select#selectbox+option:eq(0)").text()|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1127663|"+option+:eq(0)“中的0索引可以交换为您想要检索的任何索引选项。|unstyled|1127664|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|J|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|K|8|@]|9|@]|A|$]]]|H|$]]

<pre><code>$(&quot;select#selectbox option:eq(0)&quot;).text()
</code></pre>
<p>The 0 index in the &quot;option:eq(0)&quot; can be exchanged for whichever indexed option you'd like to retrieve.</p>


blocks|key|1127646|text|<SELECT+id="sel"+onmouseover="alert(this.options[1].text);"
<option+value=1>my+love</option>
<option+value=2>for+u</option>
</SELECT>|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1127647|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>&lt;SELECT id="sel" onmouseover="alert(this.options[1].text);"
&lt;option value=1&gt;my love&lt;/option&gt;
&lt;option value=2&gt;for u&lt;/option&gt;
&lt;/SELECT&gt;
</code></pre>


blocks|key|1127836|text|为此创建了工作柱塞。https://plnkr.co/edit/vR9aGoCwoOUL9tevIEen+$('#console').append("<br/>"%2B$('#test_s+:selected').text())|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1127837|entityMap|0|LINK|mutability|MUTABLE|url|https://plnkr.co/edit/vR9aGoCwoOUL9tevIEen^0|1H|1N|A|16|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@$9|O|A|P|B|C]]|D|@$9|Q|A|R|1|S]]|E|$]]|$1|F|3|-4|5|6|7|T|8|@]|D|@]|E|$]]]|G|$H|$5|I|J|K|E|$L|M]]]]

<p>Created working Plunker for this.
<a href="https://plnkr.co/edit/vR9aGoCwoOUL9tevIEen" rel="nofollow noreferrer">https://plnkr.co/edit/vR9aGoCwoOUL9tevIEen</a>
<code>$('#console').append("&lt;br/&gt;"+$('#test_s :selected').text())</code></p>


blocks|key|1343047|text|在现代浏览器中，您不需要为此使用JQuery。相反，请使用|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1343048|document.querySelectorAll('option:checked')|code-block|syntax|javascript|1343049|或者指定任何DOM元素而不是document|offset|length|style|CODE|1343050|entityMap^0|0|0|E|8|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@$I|R|J|S|K|L]]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

<p>In modern browsers you do not need JQuery for this. Instead use</p>

<pre><code>document.querySelectorAll('option:checked')
</code></pre>

<p>Or specify any DOM element instead of <code>document</code></p>


blocks|key|1127619|text|你在找$select.html()|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1127620|http://api.jquery.com/html/|1127621|entityMap|0|LINK|mutability|MUTABLE|url^0|3|E|0|0|R|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|R|8|@]|D|@$9|S|A|T|1|U]]|E|$]]|$1|H|3|-4|5|6|7|V|8|@]|D|@]|E|$]]]|I|$J|$5|K|L|M|E|$N|G]]]]

<p>You're looking for <code>$select.html()</code></p>

<p><a href="http://api.jquery.com/html/" rel="nofollow noreferrer">http://api.jquery.com/html/</a></p>


<pre><code>&lt;select&gt;
&lt;option value="test"&gt;label &lt;/option&gt;
&lt;/select&gt;
</code></pre>

<p>The value can be retrieved by <code>$select.val()</code>.</p>

<p>What about the <code>label</code>?</p>

<p>Is there a solution that will work in IE6?</p>


How to get label of select option with jQuery?

jQuery

<select><option value="test">label </option></select>该值可由$select.val()检索。那么label呢？有没有可以在IE6中工作的解决方案？

问如何用jQuery获取select选项标签？
EN

回答 10

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何用jQuery获取select选项标签？EN

回答 10

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何用jQuery获取select选项标签？
EN