javascript एक ड्रॉपडाउन विकल्प का चयन करने के लिए jquery का उपयोग करें




html select (11)

यदि आप किसी विशिष्ट मान के साथ कोई विकल्प चुनना चाहते हैं तो निम्न कोड का उपयोग करें:

$('select>option[value="' + value + '"]').prop('selected', true);

मैं सोच रहा था कि एक विकल्प चुनने के लिए jQuery प्राप्त करना संभव है, 4 वें आइटम को ड्रॉपडाउन बॉक्स में कहें?

<select>
    <option></option>
    <option></option>
    <option></option>
    <option></option>
    <option></option>
</select>

मैं चाहता हूं कि उपयोगकर्ता एक लिंक पर क्लिक करे, फिर चयन बॉक्स में इसका मूल्य बदल जाए, जैसे कि उपयोगकर्ता ने विकल्प पर क्लिक करके इसे चुना है।


आईडी के साथ जवाब:

$('#selectBoxId').find('option:eq(0)').attr('selected', true);

तत्व के साथ आमतौर पर हम 'मान' विशेषता का उपयोग करते हैं। यह तब सेट करना आसान बना देगा:

$('select').val('option-value');

सबसे आसान तरीका val(value) फ़ंक्शन है:

$('select').val(2);

और चयनित मूल्य प्राप्त करने के लिए आप कोई तर्क नहीं देते हैं:

$('select').val();

साथ ही, यदि आपके पास <option value="valueToSelect">...</option> , तो आप कर सकते हैं:

$('select').val("valueToSelect");

DEMO


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

$('#mySelectElement option')[0].selected = true;

सादर!


 $('select>option:eq(3)').attr('selected', 'selected');

यहां एक चेतावनी है कि यदि आपके पास चुनिंदा / विकल्प के परिवर्तन ईवेंट के लिए जावास्क्रिप्ट देख रहा है, तो आपको .trigger('change') जोड़ने की आवश्यकता है ताकि कोड बन जाए।

 $('select>option:eq(3)').attr('selected', 'selected').trigger('change');

क्योंकि केवल कॉलिंग .attr('selected', 'selected') ईवेंट को ट्रिगर नहीं करता है


यदि आपके विकल्पों का मूल्य है, तो आप यह कर सकते हैं:

$('select').val("the-value-of-the-option-you-want-to-select");

'चयन' आपके चयन या कक्षा चयनकर्ता की आईडी होगी। या यदि केवल एक ही चयन है, तो आप टैग का उपयोग उदाहरण में कर सकते हैं।



मैं इसे इस तरह से करूँगा

 $("#idElement").val('optionValue').trigger('change');

मैं nth-child () से eq () को पसंद करता हूं क्योंकि यह 0-आधारित के बजाय 1-आधारित अनुक्रमण का उपयोग करता है, जो मेरे दिमाग पर थोड़ा आसान है।

//selects the 2nd option
$('select>option:nth-child(2)').attr('selected', true);

एचटीएमएल चुनिंदा तत्वों में एक selectedIndex प्रॉपर्टी होती है जिसे किसी विशेष विकल्प का चयन करने के लिए लिखा जा सकता है:

$('select').prop('selectedIndex', 3); // select 4th option

सादा जावास्क्रिप्ट का उपयोग करके इसे प्राप्त किया जा सकता है:

// use first select element
var el = document.getElementsByTagName('select')[0]; 
// assuming el is not null, select 4th option
el.selectedIndex = 3;




drop-down-menu