jQuery में $ (यह) चयनित विकल्प कैसे प्राप्त करें?

Question

निम्नलिखित कोड काम करता है:

var cur_value = $(this).***option-selected***.text(); 

आप ***option-selected*** के लिए क्या प्रयोग करते हैं:

$("#select-id").change(function(){ 
    var cur_value = $('#select-id option:selected').text(); 
    . . . 
}); 

कैसे करें दूसरी पंक्ति refactor करने के लिए?

Answer 1

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

Answer 2

यह काम करना चाहिए:

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

Answer 3

var cur_value = $(this).find('option:selected').text(); 

option के बाद से select के तत्काल बच्चे को होने की संभावना है आप भी उपयोग कर सकते हैं:

var cur_value = $(this).children('option:selected').text(); 

http://api.jquery.com/find/

Answer 4

चयनित मान के लिए: $(this).val()

आप चयनित विकल्प तत्व की जरूरत है, $("option:selected", this)

Answer 5

आप find उपयोग कर सकते हैं चयनित विकल्प नोड (रों) का वंशज है कि देखने के लिए वर्तमान jQuery द्वारा की ओर इशारा किया वस्तु:

var cur_value = $(this).find('option:selected').text(); 

चूंकि यह संभावना एक तत्काल बच्चा है, मैं वास्तव में के बजाय .children उपयोग करने का सुझाव होगा:

var cur_value = $(this).children('option:selected').text(); 

Answer 6

श्रेष्ठ अनुमान:

var cur_value = $('#select-id').children('option:selected').text(); 

मैं बच्चों को इस मामले क्योंकि आप जानते हैं कि आप केवल डोम पेड़ नीचे एक शाखा जा रहे हैं में बेहतर चाहते ...

Answer 7

onchange के लिए मेरी राय में सबसे अच्छा और सबसे छोटा रास्ता

$('option:selected',this).attr('value'); 

:

$('option:selected',this); 

मूल्य विशेषता पाने के लिए: लटकती पर घटनाओं चयनित विकल्प प्राप्त करने के लिए

टैग के बीच दिखाए हिस्सा पाने के लिए:

$('option:selected',this).text(); 

अपने नमूने में:

$("#select-id").change(function(){ 
    var cur_value = $('option:selected',this).text(); 
}); 

Answer 8

var cur_value = $('option:selected',this).text();