चुनिंदा ड्रॉपडाउन से डुप्लिकेट विकल्प फ़िल्टर करें

Question

मेरे पास एक सूची से उत्पन्न ड्रॉपडाउन चयनकर्ता है और डुप्लिकेट प्रविष्टियों को हटाने के लिए विकल्पों को फ़िल्टर करना चाहता हूं। जैसे मैं नीचे की तरह कुछ के साथ उपयोगकर्ता पेश करने के लिए फ़िल्टर करना चाहते हैं ...

<select name="company"> 
    <option "1">Microsoft</option> 
    <option "2">Microsoft</option> 
    <option "3">Microsoft</option> 
    <option "4">Microsoft</option> 
    <option "5">Apple</option> 
    <option "6">Apple</option> 
    <option "7">Google</option> 
</select> 

... ...

<select name="company"> 
    <option "1">Microsoft</option> 
    <option "5">Apple</option> 
    <option "7">Google</option> 
</select> 

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

Answer 1

आप एक सरल पाश के साथ यह कर सकते हैं - वहाँ jQuery चयनकर्ताओं कि मैं नहीं दिखाई दे रही है के साथ इस संभाल करने के लिए एक चालाक रास्ता है, हालांकि हो सकता है। निम्नलिखित काम करना चाहिए:

var usedNames = {}; 
$("select[name='company'] > option").each(function() { 
    if(usedNames[this.text]) { 
     $(this).remove(); 
    } else { 
     usedNames[this.text] = this.value; 
    } 
}); 

संपादित करें: यहाँ, एक कार्यात्मक शैली एक लाइनर कि यह उत्कृष्ट Underscore.js की मदद से करता है, हालांकि पिछले संस्करण लगभग निश्चित रूप से और अधिक कुशल है:

_.each(_.uniq(_.pluck($("select[name='company'] > option").get(), 'text')), function(name) { $("select[name='company'] > option:contains(" + name + ")").not(":first").remove(); }); 

Answer 2

आप कुछ इस तरह कर सकते हैं:

var previousOption; 
$('select[name=company] option').each(function() { 
    if (this.text == previousOption) $(this).remove(); 
    previousOption= this.text; 
}); 

Answer 3

आप निम्न कोड आज़मा सकते हैं, यह उनकी स्थिति के बावजूद डुप्लिकेट को हटा देगा। यहां # लक्ष्य लक्ष्य चुनें आपका लक्ष्य ड्रॉपडाउन

var a = new Array(); 
$(#targetSelect).children("option").each(function(x){ 
test = false; 
b = a[x] = $(this).text(); 
for (i=0;i<a.length-1;i++){ 
if (b ==a[i]) test =true; 
} 
if (test) $(this).remove(); 
});