2010-02-01 23 views
94
<select> 
<option value="test">label </option> 
</select> 

मूल्य $select.val() द्वारा पुनर्प्राप्त किया जा सकता है।jQuery के साथ चयन विकल्प का लेबल कैसे प्राप्त करें?

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

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

+0

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

+0

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

उत्तर

192

देख रहे हैं इस प्रयास करें:

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

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

+1

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

-1

आप के लिए $select.html()

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

+1

यह सिर्फ सभी विकल्प तत्वों के लिए एचटीएमएल देता है। लेबल टेक्स्ट कहीं/कहीं/है, लेकिन यह प्राप्त करने का सबसे प्रभावी तरीका नहीं है। – MSpreij

0
<SELECT id="sel" onmouseover="alert(this.options[1].text);" 
<option value=1>my love</option> 
<option value=2>for u</option> 
</SELECT> 
2
$("select#selectbox option:eq(0)").text() 

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

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

13

हाय पहले के रूप में

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

का चयन करने के लिए एक आईडी दे तो आप उस तरह चयनित लेबल कॉल कर सकते हैं:

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

यह वही है जो मैं ढूंढ रहा था! – DirtyBirdNJ

4

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

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

या

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

संदर्भ के लिए वहाँ भी विकल्प टैग पर एक माध्यमिक 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> 
0

इस प्रयास करें:

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

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

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

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

भावी पीढ़ी के लिए, यह jQuery 3.1.1

संबंधित मुद्दे