दिलचस्प पोस्ट
रेगेक्स ईमेल सत्यापन जब मुख्य () निकल जाता है तो अलग थ्रेड का क्या होता है? क्या रूबी में एक "करें … जबकि" पाश है? हुवाई, लॉगअप मेरे ऐप के लिए लॉग नहीं दिखा रहा है? क्या वास्तव में एसटीएल में एक डेक है? आईफ़ोन: क्या हम UIWebView का उपयोग कर पीडीएफ फाइल खोल सकते हैं? CKEditor में विशिष्ट स्थिति में कर्सर सेट करें जावा पूर्णांक अंडरफ्लो और अतिप्रवाह को कैसे संभालता है और आप इसके लिए कैसे जांचेंगे? पायथन: प्रत्येक कुंजी के लिए एक पंक्ति के साथ एक सीएसवी फ़ाइल में एक शब्दकोश लिख रहा है: मान ' मैं कैसे जांच सकता हूं कि वर्तमान दिनांक / समय एक निर्धारित तारीख / समय है? सूची दृश्य के लिए Android कस्टम पंक्ति आइटम पायथन में stdout पर मुद्रित करने के लिए सी साझा लाइब्रेरी को मैं कैसे रोकूं? जावा में परिपत्र संदर्भ मैं एचटीएमएल 5 फॉर्म सत्यापन डिफ़ॉल्ट त्रुटि संदेश कैसे बदल सकता / सकती हूं? एन यादृच्छिक संख्या प्राप्त करना है कि राशि एम है

एक <चयन करें> jQuery का उपयोग करने के लिए विकल्प जोड़ना?

JQuery का उपयोग करके ड्रॉपडाउन में कोई option जोड़ने का सबसे आसान तरीका क्या है?

यह काम करेगा?

 $("#mySelect").append('<option value=1>My option</option>'); 

वेब के समाधान से एकत्रित समाधान "एक <चयन करें> jQuery का उपयोग करने के लिए विकल्प जोड़ना?"

निजी तौर पर, मैं विकल्प जोड़ने के लिए इस वाक्यविन्यास को पसंद करता हूं:

 $('#mySelect').append($('<option>', { value: 1, text: 'My option' })); 

यदि आप वस्तुओं के संग्रह से विकल्प जोड़ रहे हैं, तो आप निम्न कर सकते हैं:

 $.each(items, function (i, item) { $('#mySelect').append($('<option>', { value: item.value, text : item.text })); }); 

मैं आशीष सहमत हूं, यह IE8 में काम नहीं करता (अभी तक एफएफ में किया था):

 $("#selectList").append(new Option("option text", "value")); 

यह काम किया था:

 var o = new Option("option text", "value"); /// jquerify the DOM object 'o' so we can use the html method $(o).html("option text"); $("#selectList").append(o); 

आप निम्न सिंटैक्स का उपयोग कर विकल्प जोड़ सकते हैं, इसके अलावा आप अधिक जानकारी के लिए jQuery में विकल्प को संभाल के लिए देख सकते हैं।

  1. $ ('चुनें')। संलग्न ($ ('', {value: 1, text: 'one'}));

  2. $ ( 'चुनें') संलग्न ( 'एक')।

  3. var विकल्प = नया विकल्प (पाठ, मान); $ ( 'चुनें') संलग्न ($ (विकल्प))।

यदि विकल्प का नाम या मूल्य गतिशील है, तो आप उसमें विशेष वर्णों से बचने के बारे में चिंता नहीं करना चाहते हैं; इसमें आप साधारण डीओएम विधियों को पसंद कर सकते हैं:

 var s= document.getElementById('mySelect'); s.options[s.options.length]= new Option('My option', '1'); 

विकल्प 1-

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

 $('#selectID').append($('<option>', { value: value_variable, text : text_variable })); 

इस कदर-

 for (i = 0; i < 10; i++) { $('#mySelect').append($('<option>', { value: i, text : "Option "+i })); } 
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <select id='mySelect'></select> 

जो भी कारण $("#myselect").append(new Option("text", "text")); आईई 7 + में मेरे लिए काम नहीं कर रहा है

मुझे $("#myselect").html("<option value='text'>text</option>");

यह अच्छी तरह से काम करता है

यदि एक से अधिक विकल्प तत्व जोड़ते हैं, तो मैं प्रत्येक तत्व पर एक अपेंड करने के विरोध में एक बार ऐप जोड़ना चाहता हूं।

प्रदर्शन में मदद करने के लिए आपको केवल एक बार डोम को बदलने की कोशिश करनी चाहिए, इससे भी अधिक यदि आप कई विकल्प जोड़ रहे हैं।

 var html = ''; for (var i = 0, len = data.length; i < len; ++i) { html.join('<option value="' + data[i]['value'] + '">' + data[i]['label'] + '</option>'); } $('#select').append(html); 
 $('#mySelect').empty().append('<option value=1>My option</option>').selectmenu('refresh'); 

मैं गैर jquery दृष्टिकोण का उपयोग करना पसंद करता हूं:

 mySelect.add(new Option('My option', 1)); 
 var select = $('#myselect'); var newOptions = { 'red' : 'Red', 'blue' : 'Blue', 'green' : 'Green', 'yellow' : 'Yellow' }; $('option', select).remove(); $.each(newOptions, function(text, key) { var option = new Option(key, text); select.append($(option)); }); 

किसी भी उत्तर में उल्लेख नहीं किया गया है लेकिन उपयोगी है वह मामला जहां आप चाहते हैं कि विकल्प भी चुना जाए, तो आप जोड़ सकते हैं:

 var o = new Option("option text", "value"); o.selected=true; $("#mySelect").append(o); 

नीचे दिए गए उदाहरण में दिखाए गए अनुसार आप ड्रॉपडाउन में गतिशील रूप से विकल्प जोड़ सकते हैं। यहां इस उदाहरण में मैंने सरणी डेटा लिया है और आउटपुट स्क्रीनशॉट में दिखाए गए ड्रॉप डाउन के लिए उन सरणी मानों को बाँध दिया है

आउटपुट:

यहां छवि विवरण दर्ज करें

 var resultData=["Mumbai","Delhi","Chennai","Goa"] $(document).ready(function(){ var myselect = $('<select>'); $.each(resultData, function(index, key) { myselect.append( $('<option></option>').val(key).html(key) ); }); $('#selectCity').append(myselect.html()); }); 
 <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.min.js"> </script> <select id="selectCity"> </select> 

यह बहुत ही सरल चीजें आप इस तरह से ऐसा कर सकते हैं

 $('#select_id').append('<option value="five" selected="selected">Five</option>'); 

या

 $('#select_id').append($('<option>', { value: 1, text: 'One' })); 

यहाँ पूर्ण गाइड है

आप पाठ के साथ वैल्यू एट्रिब्यूट जोड़ सकते हैं और सेट कर सकते हैं:

 $("#id").append($('<option></option>').attr("value", '').text('')); $("#id").append($('<option></option>').attr("value", '4').text('Financial Institutions')); 

यदि आप चयन में एक विशिष्ट सूचकांक में नया विकल्प डालना चाहते हैं:

 $("#my_select option").eq(2).before($('<option>', { value: 'New Item', text: 'New Item' })); 

यह चयन में "तीसरा आइटम" के रूप में "नया आइटम" डाला जाएगा।

जब आप विकल्प जोड़ते हैं और jquery मान्य करते हैं तो हमें कुछ समस्या मिली। चुनिंदा एकाधिक सूची में आपको एक आइटम पर क्लिक करना होगा आप संभाल करने के लिए इस कोड को जोड़ देंगे:

 $("#phonelist").append("<option value='"+ 'yournewvalue' +"' >"+ 'yournewvalue' +"</option>"); $("#phonelist option:selected").removeAttr("selected"); // add to remove lase selected $('#phonelist option[value=' + 'yournewvalue' + ']').attr('selected', true); //add new selected 

http://img.hiwab.com/javascript/HOjIY.png

अगर आपके चयन के अंदर ऑप्टसमूह है, तो आपको डीओएम में त्रुटि मिली

मुझे सबसे अच्छा तरीका लगता है:

 $("#select option:last").after($('<option value="1">my option</option>')); 

यू विकल्प को जोड़ने के लिए कोड नीचे का प्रयास कर सकते हैं

  <select id="mySelect"></select> <script> $("#mySelect").append($("<option></option>").val("1").html("My enter code hereoption")); </script> 

यह सर्वश्रेष्ठ प्रदर्शन के लिए सिर्फ एक त्वरित अंक है

हमेशा जब आप कई विकल्पों से निपटते हैं, तो एक बड़ी स्ट्रिंग बनाएं और फिर इसे सर्वश्रेष्ठ प्रदर्शन के लिए 'चयन' में जोड़ें

FG

var $ mySelect = $ ('# mySelect'); var str = '';

 $.each(items, function (i, item) { // IMPORTANT: no selectors inside the loop (for the best performance) str += "<option value='" + item.value + "'> " + item.text + "</option>"; }); // you built a big string $mySelect.html(str); // <-- here you add the big string with a lot of options into the selector. $mySelect.multiSelect('refresh'); 

और भी तेज

 var str = ""; for(var i; i = 0; i < arr.length; i++){ str += "<option value='" + item[i].value + "'> " + item[i].text + "</option>"; } $mySelect.html(str); $mySelect.multiSelect('refresh'); 
 $('#select_id').append($('<option>',{ value: v, text: t })); 

दो तरीके हैं आप इनमें से किसी एक का उपयोग कर सकते हैं।

प्रथम:

  $('#waterTransportationFrom').append('<option value="select" selected="selected">Select From Dropdown List</option>'); 

दूसरा:

  $.each(dataCollecton, function(val, text) { options.append( $('<option></option>').val(text.route).html(text.route) ); });