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>


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|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|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|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|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|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|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|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>


<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

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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