Question

jquery 怎样去除select 中相同 value 的option

例如：
<select id="comNature" >
<option value="事业">事业</option>
<option value="事业">事业</option>
<option value="国有企业">国有企业</option>
</select>

Answer 1

思路：遍历option，根据当前option的value属性查找所有value相同的option对象，删除其中index大于0的对象（即重复选项）即可。实例演示如下:

1、HTML结构

<select id="test">

    <option value="1">语文</option>

    <option value="2">数学</option>

    <option value="1">语文</option>    

    <option value="2">数学</option>

    <option value="3">英语</option>

    <option value="2">数学</option>

</select>

<input type="button" value="删除重复项">

2、jquery代码

$(function(){

    $(":button").click(function() {

        $("#test option").each(function() {

            var val = $(this).val();

            if ( $("#test option[value='" + val + "']").length > 1 )

                $("#test option[value='" + val + "']:gt(0)").remove();

        });

    });

});

3、效果演示

Answer 2

var $select = $("#comNature");
var $options = $select.find("option");
for(var i=0,max=$options.length;i<max;i++){
var $item1 = $options.eq(i);

for(var j=0;j<max;j++){

if(i==j){

continue;

}

var $item1 = $options.eq(j);
if($item1.attr("value") === $item2.attr("value")){
i > j ? $item1.remove() : $item2.remove();
}
}

}