दिलचस्प पोस्ट
किसी डाटासेट में कितने अवलोकन (या यदि रिक्त है) का पता लगाने के लिए, एसएएस में? WinAPI नींद () फ़ंक्शन कॉल अपेक्षा से अधिक समय तक सोता है जीआईटी में क्या मतलब है? पीडीओ के साथ "WHERE … IN" क्वेरी घोंसले के समानांतर का इंतजार समानांतर में है टाइमआउट फ़ंक्शन अंतर और चारों में अंतर मिलकर / फेट्टाक और पुचर / एफटीपीसी? सैक पार्सर का उपयोग करके एक्सएमएल को कैसे पार्स करना है I ऐप में आईफ़ोन पर यूट्यूब वीडियो सहेजें यूट्यूब वीडियो से बिट दर की जानकारी कैसे प्राप्त करें? केन के बाद गेटलाइन का उपयोग करना (cin, s) MySQL: रैंडम एंट्री चुनें, लेकिन कुछ प्रविष्टियों के लिए वजन ग्लासफिश 3 सर्वर एडाप्टर को एक्लिप्स हेलियस 3.6 के साथ कैसे स्थापित करें Laravel 3/4 में निष्पादित क्वेरी प्राप्त करें nltk punkt के लिए प्रशिक्षण डेटा प्रारूप

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

<select id="target"> <option value="1">...</option> <option value="2">...</option> </select> 

Solutions Collecting From Web of "JQuery के साथ चयनित <select> का पहला विकल्प कैसे बनाया जाए?"

 $("#target").val($("#target option:first").val()); 
 // remove "selected" from any options that might already be selected $('#target option[selected="selected"]').each( function() { $(this).removeAttr('selected'); } ); // mark the first option as selected $("#target option:first").attr('selected','selected'); 

आप यह कोशिश कर सकते हैं

 $("#target").prop("selectedIndex", 0); 

जब आप उपयोग करते हैं

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

यह क्रोम और सफारी में काम नहीं करेगा यदि पहले विकल्प मान शून्य है।

मैं पसंद करता हूं

 $("#target option:first").attr('selected','selected'); 

क्योंकि यह सभी ब्राउज़रों में काम कर सकता है

चयनित इनपुट के मूल्य को बदलने या चयनित एट्रिब्यूट को समायोजित करना डीओएम तत्व की डिफ़ॉल्ट चयनित ऑब्जेक्ट्स संपत्ति को अधिलेखित कर सकता है, जिसके परिणामस्वरूप एक ऐसा तत्व हो सकता है जो किसी रीसेट ईवेंट को ठीक से रीसेट नहीं कर सकता है।

आवश्यक विकल्प को साफ करने और सेट करने के लिए jQuery के प्रोप विधि का उपयोग करें:

 $("#target option:selected").prop("selected", false); $("#target option:first").prop("selected", "selected"); 
 $("#target")[0].selectedIndex = 0; 

एक सूक्ष्म बिंदु मुझे लगता है कि मैंने शीर्ष मतदान वाले उत्तरों के बारे में पता किया है कि भले ही वे सही मान को चुने गए हों, वे उस तत्व को अपडेट नहीं करते हैं जो उपयोगकर्ता देखता है (केवल जब वे विजेट पर क्लिक करेंगे तो वे एक चेक देखेंगे अद्यतन तत्व)

अंत में एक .change () कॉल चेनिंग भी यूआई विजेट के रूप में अच्छी तरह से अद्यतन करेगा।

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

(ध्यान दें कि मैंने यह देखा जबकि jQuery मोबाइल और क्रोम डेस्कटॉप पर एक बॉक्स का उपयोग किया गया था, इसलिए यह हर जगह नहीं हो सकता है)।

यदि आपने विकल्प अक्षम कर दिया है, तो आप उन लोगों को चुनने से रोकने के लिए ([अक्षम] नहीं जोड़ सकते हैं, जो निम्न में परिणाम हैं:

 $("#target option:not([disabled]):first").attr('selected','selected') 

मूल्यों को रीसेट करने का दूसरा तरीका (एकाधिक चयनित तत्वों के लिए) यह हो सकता है:

 $("selector").each(function(){ /*Perform any check and validation if needed for each item */ /*Use "this" to handle the element in javascript or "$(this)" to handle the element with jquery */ this.selectedIndex=0; }); 

मैंने पाया है कि चयनित एट्रिब्यूट को सिलेक्ट करने पर काम नहीं करता है अगर पहले से ही एक चयनित विशेषता है अब जो कोड मैं उपयोग करता हूँ, वह पहले चयनित विशेषता को अनसेट करेगा, फिर पहले विकल्प का चयन करें।

 $('#target').removeAttr('selected').find('option:first').attr('selected', 'selected'); 

$('#newType option:first').prop('selected', true)

सरल जैसे की वह:

 $('#target option:first').prop('selected', true); 

मुझे पता है कि इस प्रश्न का उत्तर दिया गया है, लेकिन यहां बताया गया है कि मैं यह कैसे करूँगा

 $("#target option") .removeAttr('selected') .find(':first') //you can also use .find('[value=MyVal]') .attr('selected','selected'); 

हालांकि प्रत्येक फ़ंक्शन शायद आवश्यक नहीं है …

 $('select').each(function(){ $(this).find('option:first').prop('selected', 'selected'); }); 

मेरे लिये कार्य करता है।

यदि आप डिफ़ॉल्ट विकल्प के रूप में पहले विकल्प का उपयोग करने जा रहे हैं

 <select> <option value="">Please select an option below</option> ... 

तो आप केवल उपयोग कर सकते हैं

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

अच्छा और सरल

$("#selectbox option:first").val()

काम कर रहे सरल जेएसफिल्ड को ढूंढें

जेम्स ली बेकर के उत्तर के पीछे, मैं इस समाधान को पसंद करता हूं क्योंकि इससे ब्राउज़र समर्थन पर निर्भरता को निकाल दिया जाता है: पहले: चयनित …

 $('#target').children().prop('selected', false); $($('#target').children()[0]).prop('selected', 'selected'); 

यह केवल मेरे लिए अंत में एक ट्रिगर ('परिवर्तन') का उपयोग करके काम करता है, जैसे:

 $("#target option:first").attr('selected','selected').trigger('change'); 

मेरे लिए यह केवल तभी काम किया जब मैंने निम्न कोड जोड़ा:

.change();

मेरे लिए यह केवल तभी काम किया जब मैंने निम्नलिखित कोड जोड़ दिया था: जैसा कि मैंने "रीसेट" करना चाहता था, वह है, फ़ॉर्म के सभी चयनों के सभी पहले विकल्पों का चयन करें, मैं निम्नलिखित कोड का उपयोग करता हूं:

$('form').find('select').each(function(){ $(this).val($("select option:first").val()); $(this).change(); });

 $("#target").val(null); 

क्रोम में ठीक काम किया

यदि आप चयनित तत्व के jQuery ऑब्जेक्ट संग्रहीत कर रहे हैं:

 var jQuerySelectObject = $("..."); ... jQuerySelectObject.val(jQuerySelectObject.children().eq(0).val()); 

चेतावनी ($ ("# target option: प्रथम") .text ());

ES2015 के साथ jQuery का उपयोग करके यह सर्वोत्तम दृष्टिकोण देखें :

 $('select').each((i, item) => { var $item = $(item); $item.val($item.find('option:first').val()); }); 

सादर, निकोलस