दिलचस्प पोस्ट
सेलेनियम परीक्षण कई ब्राउज़रों में सी # एनयूनिट से एक के बाद चलाएं Xcode: टेस्ट बनाम डेबग प्रीप्रोसेसर मैक्रोज़ LINQ से SQL का उपयोग करके GROUP और COUNT (DISTINCT) मैं एक बटन प्रेस के बाद प्रत्येक 10 मिनट के बाद एक विधि को दोहराता हूं और इसे दूसरे बटन प्रेस पर समाप्त कर सकता हूं "आयात" के बाद "स्थिर" संशोधक क्या होता है? क्या अस्थायी चर मेरे प्रोग्राम को धीमा कर देते हैं? आंतरिक वर्ग ऑब्जेक्ट से बाहरी कक्षा ऑब्जेक्ट को पकड़ना अजगर में% r का अर्थ क्या है मॉडल में बूटस्ट्रैप खुली छवि Resettable जावा टाइमर पारिवारिक पेड़ सॉफ्टवेयर में साइकिल जावा – दो स्ट्रिंग के बीच सभी स्ट्रिंग्स को पकड़ने का सबसे अच्छा तरीका है? (regex?) कैसे सी में एक सरणी से एक तत्व को हटाने के लिए स्टेटस बार के नीचे टूलबार अतिव्यापी है एक मेज के अंदर फार्म

मैं एक ड्रॉपडाउन बॉक्स में सभी विकल्पों को कैसे साफ़ करूं?

मेरा कोड IE में काम करता है लेकिन सफारी, फ़ायरफ़ॉक्स, और ओपेरा में टूट जाता है। (बड़ा आश्चर्य)

document.getElementById("DropList").options.length=0; 

खोज करने के बाद, मैंने सीखा है कि यह length=0 जो इसे पसंद नहीं करता।
मैंने कोशिश की है ...options=null और var clear=0; ...length=clear var clear=0; ...length=clear एक ही परिणाम के साथ var clear=0; ...length=clear

मैं एक समय में कई वस्तुओं पर यह कर रहा हूं, इसलिए मैं कुछ हल्के जेएस कोड की तलाश कर रहा हूं।

वेब के समाधान से एकत्रित समाधान "मैं एक ड्रॉपडाउन बॉक्स में सभी विकल्पों को कैसे साफ़ करूं?"

आप सभी तत्वों को साफ़ करने के लिए निम्न का उपयोग कर सकते हैं। ध्यान दें कि

 var select = document.getElementById("DropList"); var length = select.options.length; for (i = 0; i < length; i++) { select.options[i] = null; } 

एक चुनिंदा एचटीएमएल ऑब्जेक्ट के विकल्पों को हटाने के लिए, आप इस कोड का इस्तेमाल कर सकते हैं:

 function removeOptions(selectbox) { var i; for(i = selectbox.options.length - 1 ; i >= 0 ; i--) { selectbox.remove(i); } } //using the function: removeOptions(document.getElementById("mySelectObject")); 

यह सभी ब्राउज़रों में काम करेगा। =)

यदि आप एक लाइटवेट शेयर चाहते हैं, तो jQuery के लिए जाएं। JQuery में, सभी विकल्पों को हटाने का समाधान होगा: $("#droplist").empty();

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

 function (comboBox) { while (comboBox.options.length > 0) { comboBox.remove(0); } } 

शायद, साफ समाधान नहीं, लेकिन यह निश्चित रूप से एक-एक-एक को निकालने से सरल होता है:

 document.getElementById("DropList").innerHTML = ""; 
 function removeOptions(obj) { while (obj.options.length) { obj.remove(0); } } 

यह सबसे छोटा रास्ता है:

 document.getElementById('mySelect').innerText = null 

एक पंक्ति, नहीं, कोई JQuery, सरल नहीं

प्रोटोटाइपजेएस के साथ:

 $('yourSelect').select('option').invoke('remove'); 

यदि आप JQuery का उपयोग कर रहे हैं और आपके चयन नियंत्रण में ID "DropList" है तो आप इसके विकल्पों को इस प्रकार से निकाल सकते हैं:

 $('#DropList option').remove(); 

असल में यह मेरे लिए किसी भी विकल्प सूची के साथ काम करता है, जैसे कि डेटालिस्ट

आशा करता हूँ की ये काम करेगा।

ध्यान दें कि एक चयन दोनों के पास हो सकता है
– ऑप्ट-ग्रुप एंड
– विकल्प संग्रह
अपने बच्चों के रूप में

इसलिए,

विधि # 1

 var selectElement = document.getElementById('myselectid'); selectElement.innerHTML = ''; 

विधि # 2

 var selectElement = document.getElementById('myselectid'); selectElement.textContent = ''; 

मैंने परीक्षण किया, क्रोम पर दोनों काम
मुझे सरल, पुराने जमाने, विधि # 1 पसंद है।

JQuery का प्रयोग करना यह एक सुंदर, छोटा और चालाक तरीका है!

 $('#selection_box_id').empty(); 

प्रयत्न

 document.getElementsByTagName("Option").length=0 

या शायद removeChild () फ़ंक्शन पर गौर करें

या यदि आप jQuery के फ्रेमवर्क का उपयोग करते हैं

 $("DropList Option").each(function(){$(this).remove();}); 

रिवर्स जाएं प्रत्येक हटाने के बाद आकार कम हो जाता है

 for (i = (len-1); i > -1; i--) { document.getElementById("elementId").remove(i); } 

मुझे लगता है कि यह सबसे अच्छा सोल है है

  $ ( "# Myselectid") एचटीएमएल ( '')। 

 var select = document.getElementById('/*id attribute of your select here*/'); for (var option in select){ select.remove(option); } 

उत्तर के उत्तर के ऊपर सूची को पूरी तरह से हटाने के लिए थोड़े बदलाव की आवश्यकता है, कृपया कोड का यह टुकड़ा देखें।

 var select = document.getElementById("DropList"); var length = select.options.length; for (i = 0; i < length;) { select.options[i] = null; length = select.options.length; } 

लंबाई रीफ्रेश करें और यह ड्रॉप डाउन सूची से सभी डेटा को निकाल देगा। उम्मीद है कि यह किसी को मदद करेगा

इसका उपयोग विकल्प साफ़ करने के लिए किया जा सकता है:

 function clearDropDown(){ var select = document.getElementById("DropList"), length = select.options.length; while(length--){ select.remove(length); } } 
 <select id="DropList" > <option>option_1</option> <option>option_2</option> <option>option_3</option> <option>option_4</option> <option>option_5</option> </select> <button onclick="clearDropDown()">clear list</button> 
 while(document.getElementById("DropList").childNodes.length>0) { document.getElementById("DropList").removeChild(document.getElementById("DropList").childNodes[0]); } 

यदि आपको IE का समर्थन करना है और आपके पास अपनी चयन सूची में 100 से अधिक आइटम हैं, तो मैं दृढ़ता से सुझाव देता हूं कि आप इस तरह से फ़ंक्शन के साथ चयन को बदलने पर विचार करें:

 function clearOptions(select) { var selectParentNode = select.parentNode; var newSelect = select.cloneNode(false); // Make a shallow copy selectParentNode.replaceChild(newSelect, select); return newSelect; } 

चयन पैरामीटर या तो एक jquery चयनकर्ता या document.getElementBy कॉल से तत्व होना चाहिए। इसका एकमात्र नकारात्मक पहलू यह है कि आप उन ईवेंट को खो देते हैं जिन्हें आपने चुना था, लेकिन आप उन्हें आसानी से पुनः जोड़ सकते हैं क्योंकि यह फ़ंक्शन से वापस लौटा है। मैं एक ऐसे चयन के साथ काम कर रहा था जिसमें ~ 3k आइटम थे और आईई 9 पर 4 सेकंड का चयन करने के लिए साफ होगा ताकि मैं इसे नई सामग्री के साथ अपडेट कर सकूं लगभग तुरंत यह इस तरह से कर रही है

सबसे आसान उपाय सर्वोत्तम हैं, इसलिए आपको बस जरूरी है:

 var list = document.getElementById('list'); while (list.firstChild) { list.removeChild(list.firstChild); } 
 <select id="list"> <option value="0">0</option> <option value="1">1</option> </select> 

आज मुझे एक ही समस्या का सामना करना पड़ रहा था, मैंने नीचे दिए गए बॉक्स में चयन बॉक्स को पुनः लोड किया था। (सादा जेएस में)

  var select = document.getElementById("item"); select.options.length = 0; var opt = document.createElement('option'); opt.value = 0; opt.innerHTML = "Select Item ..."; opt.selected = "selected"; select.appendChild(opt); for (var key in lands) { var opt = document.createElement('option'); opt.value = lands[key].id; opt.innerHTML = lands[key].surveyNo; select.appendChild(opt); } 
 var select =$('#selectbox').val(); 

वस्तुओं को रिवर्स में हटाया जाना चाहिए, अन्यथा यह एक त्रुटि का कारण होगा साथ ही, मैं केवल मूल्यों को null करने की सलाह नहीं देता, क्योंकि इससे अनपेक्षित व्यवहार हो सकता है

 var select = document.getElementById("myselect"); for (var i = select.options.length - 1 ; i >= 0 ; i--) select.remove(i); 

या यदि आप चाहें, तो आप इसे एक फ़ंक्शन बना सकते हैं:

 function clearOptions(id) { var select = document.getElementById(id); for (var i = select.options.length - 1 ; i >= 0 ; i--) select.remove(i); } clearOptions("myselect"); 

$ ("# yourDDL")। get (0) .options.length = 0;