javascript - 如何从选择元素中删除具有相同文本的选项？

Question

我有一个选择元素，它显示具有相同文本的多个选项:

 <select name="tur" id="tur">
        <option value="1">a</option> 
        <option value="2">a</option>  
        <option value="3">a</option> 
        <option value="4">a</option>
        <option value="5">b</option> 
        <option value="6">b</option>  
        <option value="7">c</option> 
         <option value="8">d</option>          
          </select>  

我想使用 JavaScript 删除这些重复项，以便每个只显示一个:

<select name="tur" id="tur">
        <option value="1">a</option> 
        <option value="5">b</option> 
        <option value="7">c</option>
        <option value="8">d</option>          

Answer 1

您可以遍历 <option>元素，检查每个元素以查看其文本内容是否在数组中。如果是，删除 <option> .如果不是，则将其内容添加到数组中。这将删除列表中多余的选项。

尝试一下: http://jsfiddle.net/FXq8W/

​var array = [];

​$('#tur option').each(function() {
    var $th = $(this);
    var text = $th.text();
    if( $.inArray(text, array) > -1 ) {
        $th.remove();
    } else {
        array.push( text );
    }
});​​​​​​​​​​​​​​

• > http://api.jquery.com/jquery.inarray/