JS 实现下拉框去重

最新推荐文章于 2023-04-18 11:18:36 发布

Yan Yang

最新推荐文章于 2023-04-18 11:18:36 发布

阅读量1.1k

点赞数

分类专栏：前端小例题文章标签： javascript js html jquery html5

本文链接：https://blog.csdn.net/zzvar/article/details/117392072

版权

本文介绍如何使用JavaScript实现HTML下拉框（select）的选项去重。通过提供的代码示例，展示了简单的去重逻辑，适用于基础的前端开发场景。

摘要由CSDN通过智能技术生成

JS 实现下拉框去重

学习内容：
- 需求
总结：

学习内容：

需求

用 JS 下拉框去重

实现代码

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>下拉框去重</title>
    <script type="text/javascript" src="/static/jQuery-1.11/jquery-1.11.3.min.js">
    </script>
    <script>
        function distinct() {
     
            // 先获取右边 select 中 option 获取 value 属性值，存到一个数组中
            var arr = [];
            /** $(selector).each(function(index,element))
             *  index：遍历元素下标，0 开始
             *  element：遍历元素的一个变量
             */
            $('#s2 > option').each(function(i