Jquery का उपयोग करते हुए ड्रॉपडाउन में पहले तत्व का चयन कैसे करें?

Question

मैं जानना चाहता हूं कि jquery का उपयोग करके मेरे पृष्ठ पर सभी चयनित टैग में पहला विकल्प कैसे चुना जाए।

यह कोशिश की:

$('select option:nth(0)').attr("selected", "selected"); 

लेकिन काम नहीं किया

Answer 1

इसे आज़माएं ...

$('select option:first-child').attr("selected", "selected");

एक अन्य विकल्प यह होगा, लेकिन यह केवल एक ड्रॉप डाउन सूची के लिए एक बार में कोडित के रूप में काम करेगा:

var myDDL = $('myID');
myDDL[0].selectedIndex = 0;

इस पोस्ट पर एक नज़र डालें कि मूल्य के आधार पर कैसे सेट किया जाता है, इसके दिलचस्प लेकिन इस विशिष्ट मुद्दे के लिए आपकी मदद नहीं करेंगे:

JQuery के साथ ड्रॉप-डाउन सूची के चयनित मान को बदलें

Comments

मैं सभी चयनित टैग चाहता हूँ जैसे ही चयन करने के लिए myID को बदल दें

— अमृत ​​एल्गरहि

अब jQuery में आप .prop()विधि के माध्यम से गुणों तक पहुँच सकते हैं । तो आप $("select").prop("selectedIndex",0);सभी ड्रॉपडाउन पर पहला विकल्प चुनने के लिए एक त्वरित तरीके से उपयोग कर सकते हैं ।

— 20

क्या आप जानते हैं कि क्या यह केवल विशेषता सेट करके सभी ब्राउज़रों में एक 'परिवर्तन' घटना को ट्रिगर करेगा? यह Chrome में लगता है, लेकिन बड़े पैमाने पर इसका परीक्षण नहीं किया है। मैं $('select').trigger('change');सिर्फ मामले में एक और जोड़ने के बारे में सोच रहा था । धन्यवाद!

— ब्रायन आर्मस्ट्रांग

var myDDL = $('myID')चयनकर्ता बनने के लिए हैश में होना चाहिएvar myDDL = $('#myID')

— user1069816

यह विधि मेरे लिए अच्छी तरह से काम करती है:$('select option').first().prop('selected',true);

— लोरेंजो मैगन

Answer 2

आपका चयनकर्ता गलत है, आप शायद खोज रहे थे

$('select option:nth-child(1)')

यह भी काम करेगा:

$('select option:first-child')

Comments

CSS nth-child selector index 1 से शुरू होता है, 0 से नहीं

— सर्गेई

Answer 3

RSolgberg के लिए एना वैकल्पिक समाधान, जो 'onchange'घटना को आग लगाता है यदि मौजूद है:

$("#target").val($("#target option:first").val());

JQuery के साथ चयनित <select> का पहला विकल्प कैसे बनाएं?

Comments

यदि आप चयनित विकल्प को कई बार बदलना है तो यह स्वीकृत उत्तर से बेहतर काम करता है। उदाहरण के लिए यदि आप अपने विकल्पों को फ़िल्टर करते हैं और उनमें से भाग प्रदर्शित करते हैं।

— गिलाउम रेनॉल्ट

Answer 4

$("#DDLID").val( $("#DDLID option:first-child").val() );

Jquery का उपयोग करके पूर्ण ड्रॉप डाउन सूची संचालन के लिए

Comments

लिंक अब मर चुका है।

— पॉल गोर्बस

Answer 5

आप जो चाहते हैं वह है:

$("select option:first-child")

यह कोड क्या है

attr("selected", "selected");

"चयनित" विशेषता को "चयनित" के लिए सेट कर रहा है

यदि आप चयनित विकल्प चाहते हैं, चाहे वह पहला बच्चा हो, तो चयनकर्ता है:

$("select").children("[selected]")

Comments

बदलें attrके साथ propआप jQuery उपयोग कर रहे हैं 1.6+

— Jesan Fafon

Answer 6

मैं उत्तर दे रहा हूं क्योंकि पिछले उत्तरों ने jQuery के नवीनतम संस्करण के साथ काम करना बंद कर दिया है। मुझे नहीं पता कि यह कब काम करना बंद कर देता है, लेकिन प्रलेखन कहता है कि .prop () jQuery 1.6 के बाद से गुण प्राप्त / सेट करने के लिए पसंदीदा तरीका है।

यह है कि मुझे यह काम करने के लिए कैसे मिला (jQuery 3.2.1 के साथ):

$('select option:nth-child(1)').prop("selected", true);

मैं नॉकआउट का उपयोग कर रहा हूं और परिवर्तन बाइंडिंग उपरोक्त कोड के साथ फायरिंग नहीं कर रहे थे, इसलिए मैंने अंत में .change () जोड़ा।

यहाँ मुझे अपने समाधान के लिए क्या चाहिए:

$('select option:nth-child(1)').prop("selected", true).change();

यहाँ देखें .prop () नोट्स प्रलेखन में: http://api.jquery.com/prop/

Answer 7

यहाँ एक सरल javascriptसमाधान है जो ज्यादातर मामलों में काम करता है:

document.getElementById("selectId").selectedIndex = "0";

Answer 8

यदि आप चयनित विकल्प के पाठ की जांच करना चाहते हैं, भले ही उसका पहला बच्चा हो।

var a = $("#select_id option:selected").text();
alert(a); //check if the value is correct.
if(a == "value") {-- execute code --}

Comments

मुझे एक दूसरी खोज से बचाया। यह बहुत ज्यादा है जो मैं देख रहा था, हालांकि मुझे इसकी जाँच करने से अधिक मूल्य बदलने में दिलचस्पी थी। $('#myID option:selected').text('NEW STRING');

— रिकी पायने

Answer 9

    var arr_select_val=[];

    $("select").each(function() { 
        var name=this.name;
            arr_select_val[name]=$('select option:first-child').val();
    });


// Process the array object
     $('.orders_status_summary_div').print(arr_select_val);