यह कैसे जांचें कि कोई विकल्प चुना गया है या नहीं?

Question

$('#mySelectBox option').each(function() { 
    if ($(this).isChecked()) 
     alert('this option is selected'); 
    else 
     alert('this is not'); 
}); 

जाहिर है, isChecked काम नहीं करता है। तो मेरा सवाल यह है कि ऐसा करने का सही तरीका क्या है? धन्यवाद।

Answer 1

अद्यतन

चयनित विकल्प के लिए एक और अधिक प्रत्यक्ष jQuery तरीका होगा:

$('#mySelectBox option').each(function() { 
    if($(this).is(':selected')) ... 

गैर:

var selected_option = $('#mySelectBox option:selected'); 

प्रश्न का उत्तर देना .is(':selected') आप के लिए क्या देख रहे है jQuery (तर्कसंगत रूप से सर्वोत्तम अभ्यास) ऐसा करने का तरीका होगा:

$('#mySelectBox option').each(function() { 
    if(this.selected) ... 

हालांकि, अगर आप सिर्फ चयनित मान कोशिश की तलाश कर रहे:

$('#mySelectBox').val() 

आपके द्वारा चयनित मूल्य के पाठ के लिए देख रहे हैं कार्य करें:

$('#mySelectBox option').filter(':selected').text(); 

चेक आउट: http://api.jquery.com/selected-selector/

अगली बार डुप्लिकेट के लिए देखें SO प्रश्न:

Get current selected option या Set selected option या How to get $(this) selected option in jQuery? या option[selected=true] doesn't work

Answer 2

आप कर सकते हैं चयनित विकल्प इस तरह से मिलता है:

$('#mySelectBox option:selected')... 

LIVE DEMO

लेकिन आप सभी विकल्पों को पुनरावृति करना चाहते हैं,के बजाय this.selected के साथ ऐसा करें 0 जो मौजूद नहीं है:

$('#mySelectBox option').each(function() { 
    if (this.selected) 
     alert('this option is selected'); 
    else 
     alert('this is not'); 
}); 

LIVE DEMO

अद्यतन:

आप इस का उपयोग करने का सुझाव दे जवाब के बहुत सारे मिल गया:

$(this).is(':selected') अच्छी तरह से, यह एक किया जा सकता है this.selected के साथ बहुत तेज़ और आसान तो आप इसका उपयोग क्यों करें, न कि देशी डीओएम तत्व विधि ?!

पढ़ें आपका डोम गुण और कार्य पता jQuerytag info

Answer 3

में आप परिचित या is() के साथ सहज नहीं हैं, तो आप सिर्फ prop("selected") के मान की जाँच कर सकते हैं।

As seen here:

$('#mySelectBox option').each(function() { 
    if ($(this).prop("selected") == true) { 
     // do something 
    } else { 
     // do something 
    } 
});​ 

संपादित:

रूप @gdoron टिप्पणी में कहा, तेजी से और सबसे उपयुक्त तरीका एक विकल्प के चयनित संपत्ति का उपयोग करने के डोम चयनकर्ता के माध्यम से है। इस क्रिया को प्रदर्शित करने वाले पहेली update यहां है।

if (this.selected == true) { 

बस काम करने लगता है! धन्यवाद gdoron।

Answer 4

उपयोग

$("#mySelectBox option:selected"); 

अगर इसकी एक विशेष विकल्प myoption परीक्षण करने के लिए:

if($("#mySelectBox option:selected").text() == myoption){ 
      //... 
} 

Answer 5

मेरे मामले में मैं क्यों चयनित नहीं जानता कि हमेशा सच है। तो एक ही रास्ता मैं लगता है कि करने में सक्षम था है:

var optionSelected = false; 
$('#select_element option').each(function(i, el) { 
    var optionHTMLStr = el.outerHTML; 

    if (optionHTMLStr.indexOf('selected') > 0) { 
     optionSelected = true; 
     return false; 
    } 
}); 

Answer 6

आप केवल तब एक विकल्प चुना जाता है, तो आप सभी विकल्पों के माध्यम से पुनरावृति की जरूरत नहीं है जाँच करना चाहते हैं। बस करना

if($('#mySelectBox').val()){ 
    // do something 
} else { 
    // do something else 
} 

नोट: यदि आप मूल्य के साथ एक विकल्प है, तो = 0 है कि आप चयन होना चाहते हैं, तो आप $('#mySelectBox').val() != null

Answer 7

के लिए अगर-हालत बदलने के लिए अपने चयन सूची के रूप में इस पर विचार करें की जरूरत है:

इस तरह

<select onchange="var optionVal = $(this).find(':selected').val(); doSomething(optionVal)"> 

           <option value="mostSeen">Most Seen</option> 
           <option value="newst">Newest</option> 
           <option value="mostSell">Most Sell</option> 
           <option value="mostCheap">Most Cheap</option> 
           <option value="mostExpensive">Most Expensive</option> 

          </select> 

तो आपके द्वारा चयनित विकल्प की जाँच करें:

function doSomething(param) { 

    if ($(param.selected)) { 
     alert(param + ' is selected!'); 
    } 

}