JQuery के साथ चयन विकल्प का लेबल कैसे प्राप्त करें?

Question

<select>
<option value="test">label </option>
</select>

मान द्वारा प्राप्त किया जा सकता है $select.val()।

के बारे में क्या label?

क्या कोई समाधान है जो IE6 में काम करेगा?

Comments

आपका मतलब है कि चयनित, चयनित मूल्य का मूल्य कैसे प्राप्त करें? आपके मामले में कौन सा लेबल है?

— चींटी

यह सवाल कहने के लिए reworded होना चाहिए " jQuery के साथ चयन विकल्प का पाठ कैसे प्राप्त करें?" और लेबल के सभी संदर्भ लेबल विशेषता के साथ भ्रम से बचने के लिए पाठ के साथ प्रतिस्थापित किया जाना चाहिए।

— जोएल डेविस

Answer 1

इसे इस्तेमाल करे:

$('select option:selected').text();

Comments

यह हमेशा सही नहीं है। विकल्प का दिखाया गया विवरण 'लेबल' विशेषता के साथ ही (<= IE7 को छोड़कर) निर्दिष्ट किया जा सकता है। देखें w3schools.com/tags/att_option_label.asp#gsc.tab=0 और w3.org/TR/html401/interact/forms.html#h-17.6

— स्कॉट स्टेफोर्ड

प्राप्त करने के लिए लेबल विशेषता, इस के लिए इस्तेमाल किया जा सकता है: jQuery ( '# theid विकल्प: चयनित') attr ( 'लेबल')।

— डेविड Balažic

Answer 2

हाय पहले सेलेक्ट के लिए एक आईडी दें

<select id=theid>
<option value="test">label </option>
</select>

फिर आप चयनित लेबल को इस तरह से कॉल कर सकते हैं:

jQuery('#theid option:selected').text()

Answer 3

संदर्भ के labelलिए विकल्प टैग पर एक द्वितीयक विशेषता भी है :

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

एचटीएमएल

<select id="selecter">
<option value="test" label="GET THIS">
Option (also called label)</option>
</select>

Answer 4

एक ड्रॉपडाउन में एक विशिष्ट विकल्प का लेबल प्राप्त करने के लिए यो इसे ty कर सकता है -

$('.class_of_dropdown > option[value='value_to_be_searched']').html();

या

$('#id_of_dropdown > option[value='value_to_be_Searched']').html();

Answer 5

मुझे यह मददगार लगा

$('select[name=users] option:selected').text()

जब thisकीवर्ड का उपयोग करके चयनकर्ता तक पहुंच हो ।

$(this).find('option:selected').text()

Answer 6

$("select#selectbox option:eq(0)").text()

"विकल्प: eq (0)" में 0 अनुक्रमणिका को जिस भी अनुक्रमित विकल्प के लिए बदला जा सकता है, आप उसे पुनः प्राप्त करना चाहते हैं।

यह उपयोगी है: http://www.myphpetc.com/2009/03/jquery-select-element-cheat-sheet.html

Answer 7

इसे इस्तेमाल करे:

$('select option:selected').prop('label');

यह <option>तत्वों की दोनों शैलियों के लिए प्रदर्शित पाठ को बाहर निकालेगा:

• <option label="foo"><option> -> "foo"
• <option>bar<option> -> "bar"

यदि इसमें labelतत्व के अंदर एक विशेषता और पाठ दोनों हैं , तो यह उस labelविशेषता का उपयोग करेगा , जो ब्राउज़र के समान व्यवहार है।

पोस्टीरिटी के लिए, यह jQuery 3.1.1 के तहत परीक्षण किया गया था

Answer 8

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

Answer 9

इसके लिए प्लंकर का काम किया। https://plnkr.co/edit/vR9aGoCwoOUL9tevIEen $('#console').append("<br/>"+$('#test_s :selected').text())

Answer 10

आधुनिक ब्राउज़रों में आपको इसके लिए JQuery की आवश्यकता नहीं है। इसके बजाय उपयोग करें

document.querySelectorAll('option:checked')

या इसके स्थान पर कोई DOM तत्व निर्दिष्ट करें document

Answer 11

आप देख रहे हैं $select.html()

http://api.jquery.com/html/

Comments

वह बस सभी विकल्प तत्वों के लिए HTML देता है। लेबल पाठ कहीं पर / में है, लेकिन इसे प्राप्त करने का सबसे कुशल तरीका नहीं है।

— MSpreij