Filtrer les options dupliquées à partir de la liste déroulante sélectionnée

Question

J'ai un sélecteur déroulant généré à partir d'une liste et je souhaite filtrer les options pour supprimer les entrées en double. par exemple. Je veux filtrer ...

<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> 

... vers le bas pour présenter à l'utilisateur quelque chose comme ...

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

(Les données proviennent d'une recherche sur Sharepoint une autre liste et je suis Je pense que je peux utiliser jquery pour ne garder que les options uniques sans devoir aller au fond de ce qui se passe.) Puis-je supprimer des options comme celle-ci? Merci.

Answer 1

Vous pouvez le faire avec une simple boucle - il peut y avoir une façon de gérer intelligent avec ce sélecteurs jQuery que je ne vois pas, cependant. Ce qui suit devrait fonctionner:

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

Edit: est ici un style fonctionnel d'une doublure qui le fait avec l'aide de l'excellent Underscore.js, bien que la version précédente est certainement plus efficace:

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

Answer 2

Vous pouvez faire quelque chose comme ceci:

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

Answer 3

Vous pouvez essayer le code suivant, il supprimera les doublons quelle que soit leur position. Ici #targetSelect est votre cible Dropdown

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(); 
});