jQuery

2011-05-19 12 views
5

संभव डुप्लिकेट का उपयोग कर एक बहु का चयन लटकती कैसे मिटाएं:
Quick way to clear all selections on a multiselect enabled <select> with jQuery?jQuery

प्रिय सभी।

मुझे कोई समस्या है। एक बार मेरे पास एक मल्टीइलेक्स्ट बॉक्स होता है और जब मैं रीसेट बटन पर क्लिक करता हूं तो मैं उसमें से सभी सामग्री साफ़ करना चाहता हूं।

क्या आप कृपया मुझे इसके लिए jquery प्रदान कर सकते हैं?

धन्यवाद।

सत्या

+0

स्पष्ट करके आप चयन हटा दें? – Neal

+4

आपको समुदाय को केवल कोड प्रदान करने के बजाय, आपने जो कुछ भी किया है, उसे पोस्ट करना चाहिए। –

+0

आपने अभी तक अपने अंत में क्या प्रयास किया है, अब हमें कुछ कोड दिखाएं – Devjosh

उत्तर

7

भविष्य में, आपको जो कुछ भी करने की कोशिश की गई है उसे पोस्ट करना चाहिए - यह लोगों को आपके प्रश्न का उत्तर देने का प्रयास करता है कि आप किस मार्ग को ले रहे हैं, और जहां आप गलत रास्ते पर जा रहे हैं ।

कहा जा रहा है, तो आप इसे इस .remove() विधि के साथ कंटेनर से सूची आइटम निकाल सकते हैं:

$('#list option').each(function(index, option) { 
    $(option).remove(); 
}); 

आप यहाँ कार्रवाई में इसे देख सकते हैं: http://jsfiddle.net/y9pzS/

और यहाँ एक संस्करण है कि सूची में सभी बाल वस्तुओं को हटाने के लिए .empty() विधि का उपयोग करता है: http://jsfiddle.net/y9pzS/1/

नोट: आपके प्रश्न में अस्पष्टता की उचित मात्रा है। सुनिश्चित नहीं है कि आप पूरे कंटेनर को साफ़ करना चाहते हैं, या केवल चयनित आइटम को हटा दें। यह चुनिंदा बॉक्स से सभी आइटम हटा देगा।

13

मुझे लगता है कि आप स्पष्ट चयन मतलब है:

$('#mySelect').children().removeProp('selected'); 

या पीछे की ओर compatibilty के लिए:

//for jQuery >= 1.6 
$('select option').removeProp('selected'); 
//for jQuery < 1.6 
$('select option').removeAttr('selected'); 
8

सभी आइटम का चयन रद्द करने के लिए करता है, तो jQuery 1.6.1 या बाद का उपयोग कर

$('#mySelect').children().removeAttr('selected'); 

सादगी के लिए मैं मान रहा हूं कि आपका एचटीएमएल अच्छी तरह से गठित है और आपके select में केवल option बच्चे हैं।

इसके अलावा, यदि सूची बड़ी है और प्रदर्शन एक मुद्दा है, तो filter सूची है ताकि आप केवल उन लोगों को बदल सकें जो वास्तव में चुने गए हैं - यह तर्कसंगत है कि प्रत्येक विकल्प को अचयनित करना आसान है या केवल उन्हीं को बदलने के लिए आसान है :

$('#mySelect').children(':selected').removeProp('selected'); 

[एनबी: दूसरा समारोह कॉल में :selected उपयोग कर रहा है (jQuery डॉक्स के अनुसार) एक एकल यौगिक चयनकर्ता बनाने से अधिक कुशल]