Filtrar opciones duplicadas del menú desplegable de selección

Question

Tengo un selector desplegable generado a partir de una lista y quiero filtrar las opciones para eliminar las entradas duplicadas. p.ej. Quiero filtrar ...

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

... abajo para presentar al usuario con algo como ...

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

(Los datos provienen de una búsqueda de SharePoint en otra lista y estoy pensando que puedo usar jquery para mantener solo las opciones únicas sin tener que entrar en las entrañas de lo que está pasando.) ¿Puedo eliminar opciones como esta? Gracias.

Answer 1

Usted puede hacerlo con un bucle simple - no puede haber una manera más inteligente para manejar esto con selectores de jQuery que no estoy viendo, sin embargo. El siguiente debería funcionar:

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

Editar: Aquí hay una sola línea de estilo funcional que lo hace con la ayuda de la excelente Underscore.js, aunque la versión anterior es casi con toda seguridad más eficiente:

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

Answer 2

se puede hacer algo como esto:

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

Answer 3

Puede probar el siguiente código, eliminará los duplicados independientemente de su posición. Aquí #targetSelect es su lista desplegable de destino

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