JS下拉列表去重

最新推荐文章于 2023-12-14 00:00:00 发布

betterbo

最新推荐文章于 2023-12-14 00:00:00 发布

阅读量1.5k

点赞数

分类专栏：前端

本文链接：https://blog.youkuaiyun.com/weixin_37121451/article/details/73825749

版权

前端专栏收录该内容

14 篇文章

订阅专栏

<div class="box">
    <span>点击按钮删除select控件中的重复元素：</span>
    <div class="content">
        <select >
            <option>1</option>
            <option>1</option>
            <option>2</option>
            <option>2</option>
            <option>3</option>
        </select>
    </div>
    <input type="button" value="删除重复项">
</div>

$(function(){
    $(":button").click(function() {
        $("select option").each(function() {
            text = $(this).text();
            if($("select option:contains("+text+")").length > 1)
                $("select option:contains("+text+"):gt(0)").remove();
        });
    });
})