Option操作示例－删除重复项

最新推荐文章于 2023-07-13 11:16:11 发布
转载 最新推荐文章于 2023-07-13 11:16:11 发布 · 1.4k 阅读 · 0
文章标签：

#javascript #button #action #html #null

本文介绍了一种使用JavaScript来删除HTML下拉菜单中重复选项的方法。通过遍历选择框内的所有选项并比较文本内容，可以有效地移除重复项，确保每个选项都是唯一的。
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>删除重复项</title>
</head>

<body>

<form id="F1" method="post" action="process.asp">
  年份：
  <select size="8" name="D1">
    <option>2005</option>
    <option>2005</option>
    <option>2004</option>
    <option>2003</option>
    <option>2003</option>
    <option>2003</option>
    <option>2003</option>
    <option>2001</option>
    <option>2005</option>
    <option>2000</option>
    <option>2000</option>
  </select>
  <input type="button" value="删除重复项" onclick="javascript:Foo('F1');">
</form>
<script type="text/javascript" language="javascript">
<!--
function Foo(formID)
{
    var F1 = document.getElementById(formID);
    var i = 0
    while (i < F1.D1.options.length)
    {
        var j = i+1;
        while (j < F1.D1.options.length)
        {
            if (F1.D1.options[i].text == F1.D1.options[j].text)
            {
                F1.D1.options[j] = null;
            }
            else
            {
                j ++;
            }
        }
        i++;
    }           
}
//-->
</script>

</body>

</html>
http://www.corange.cn/archives/2008/03/550.html
生信技能56 - 去除重复BAM文件的窗口reads计数方法
LittleComputerRobot的博客
08-14 462
去除重复BAM文件的窗口reads计数方法
Select去重并选中当前option.txt
12-05
去除select当中重复的option并选中当前的option
html js 用HashMap去掉html中select中的重复值
03-16
NULL 博文链接：https://heisetoufa.iteye.com/blog/342983
JS去掉<select>中重复的<option>
田军的专栏
01-20 691
&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;My JSP 'MyJsp.jsp' starting page&lt;/title&gt; &lt;meta http-equiv="pragma&qu
select初始化添加option,通过标签给出回显值，由于回显值和初始化值option中有一个值重复，去重等问题！...
dipi2338的博客
11-30 505
第一张图片： 第二张图片 /** *该方法是为了去重，所谓去重就是 因为回显给select附上了值并设置为selected选中状态，而在我们初始化所有的select添加option元素中于回显的值重复，那么就要去除select option中重复值 */ function removeRepeatSelectHour(h){ var $option=$("op...
表单有多个下拉框使用同一数据源，实现下拉数据不被重复选择
weixin_42264750的博客
07-13 832
页面中会有多个下拉框，下拉框的值多个下拉框共享，但需要最终多个下拉框选中的数据不重复。state.data.desensitizeList 已经添加的下拉框选的值集合，方法参数value是当前下拉框选的值，若未选，传过来的就是null。state.options 是下拉框数据，
argparse.ArgumentError: argument --help: conflicting option string: --help
07-29
我们遇到了一个错误：`argparse.ArgumentError: argument --help: conflicting option string: --help` 这个错误通常在使用Python的argparse模块时发生，原因是尝试添加一个已经存在的选项字符串。特别是，`--help`...
两个select之间option的互相添加操作(jquery实现)
10-29
总结以上知识点，可以看出，该jQuery插件提供了一个灵活而强大的方式来操作select元素中的option，使得选项的添加、移动和删除变得简单。这在动态网页和表单设计中是一个非常实用的功能，让用户体验更加友好和便捷。...
<plugin> <groupId>com.github.wvengen</groupId> <artifactId>proguard-maven-plugin</artifactId> <version>2.7.0</version> <executions> <execution> <phase>package</phase> <goals> <goal>proguard</goal> </goals> </execution> </executions> <configuration> <injar>${project.build.finalName}.jar</injar> <outjar>${project.build.finalName}-obfuscated.jar</outjar> <putLibraryJarsInTempDir>true</putLibraryJarsInTempDir> <!-- 恢复库路径配置 --> <libraryjars> <!-- JDK 核心库 --> <libraryjar>${java.home}/lib/rt.jar</libraryjar> <libraryjar>${java.home}/jmods/java.base.jmod(!**.jar;!module-info.class)</libraryjar> <!-- Spring Boot Loader --> <libraryjar>${org.springframework.boot:spring-boot-loader:jar}</libraryjar> </libraryjars><obfuscate>true</obfuscate> <options> <option>-dontoptimize</option> <option>-ignorewarnings</option> <!-- 增强Spring Boot Loader保留规则 --> <option>-keep class org.springframework.boot.loader.** { *; }</option> <option>-keep class org.springframework.boot.loader.jar.** { *; }</option> <option>-keep class org.springframework.boot.loader.launcher.** { *; }</option> <option>-keep class org.springframework.boot.loader.util.** { *; }</option> <!-- 保留IO和Zip相关类 --> <option>-keep class java.io.** { *; }</option> <option>-keep class java.util.zip.** { *; }</option> <!-- 保留主启动类 --> <option>-keep class com.jeeplus.JeeplusWebApplication { public static void main(java.lang.String[]); }</option> <!-- 其他保留规则保持不变 --> <option>-keep class com.jeeplus.ureport.** { *; }</option> <option>-keep class com.bstek.ureport.** { *; }</option> <option>-keepattributes *Annotation*,EnclosingMethod,Signature</option> <option>-keep @org.springframework.stereotype.** class * { *; }</option> <option>-keep @org.springframework.context.annotation.** class * { *; }</option> <option>-keep @org.springframework.context.annotation.Configuration class * { *; }</option> <option>-keep @org.springframework.boot.autoconfigure.SpringBootApplication class * { *; }</option> <option>-keep @org.springframework.web.bind.annotation.** class * { *; }</option> <option>-keepclassmembers class * { @org.springframework.beans.factory.annotation.Autowired *; @org.springframework.beans.factory.annotation.Value *; @org.springframework.context.annotation.Bean *; @org.springframework.web.bind.annotation.* *; }</option> <option>-keepclassmembers class * implements java.io.Serializable { static final long serialVersionUID; private static final java.io.ObjectStreamField[] serialPersistentFields; private void writeObject(java.io.ObjectOutputStream); private void readObject(java.io.ObjectInputStream); java.lang.Object writeReplace(); java.lang.Object readResolve(); }</option> <option>-keepclassmembers class * { public static ** getResource(java.lang.String); public static ** getResourceAsStream(java.lang.String); }</option> </options> </configuration> </plugin>
最新发布
09-17
Maven 已自动添加依赖库，手动指定会导致重复引用 3. **插件版本兼容性** 旧版本插件对 ProGuard 规则解析存在限制 --- #### 二、解决方案（分步操作） ###### 步骤 1：修正配置文件结构 ```proguard # 正确...
gcc: error: unrecognized command line option ‘-Wduplicated-branches’; did you mean ‘-Wduplicated-cond’? gcc: error: unrecognized command line option ‘-Wrestrict’ 如何解决
09-10
升级方法取决于操作系统： - **Ubuntu/Debian**: ```bash sudo apt update sudo apt install gcc-7 g++-7 # 设置默认版本（可选） sudo update-alternatives --install /usr/bin/gcc gcc /usr/bin/gcc-7 60 ...
jquery删除数组中重复元素
11-29
话不多说，下面就跟着小编来看下利用jquery实现删除数组中重复元素的具体思路吧 首先定义如下数组： var arr=[0,2,3,5,6,9,2]; 我们可以看到数组中存在重复元素’2′; 最后通过jquery筛选应该得到[0,2,3,5,6,9]; ok，首先我们再定义一个空数组，用来存放最后筛选出来的元素： var new_arr=[]; 利用jquery的$.inArray可以轻松实现： 遍历数组元素： for(var i=0;i<arr.length;i++) { 　　var items=arr[i]; 　　//判断元素是否存在于new_arr中，如果不存在则插入到new_arr的
layui的select如果两个option的value相同，第二个option显示正常，却无法选中
brook0344的专栏
03-08 1463
是不是这样？我也不敢肯定。
jq怎样清除html option,教你如何用jquery去除select控件重复的option选项 select option去重方法...
weixin_34708601的博客
06-24 1398
对于OPTION选项，如果是通过后端读取，有可能会出现多个重复项目，这样用户在选择的时候就可能存在困扰，也不美观，这里教你如何对HTML代码中的SELECT OPTION的选项进行去重方法有很多，因为JQ引用最广，所以我们这里使用jquery选择器 :contains 的方法:$(":contains(text)"); // 选取包含指定字符串的元素这样就可以选出包含重复字符串的option元素...
vue下拉列表去重
葫芦娃的博客
08-19 4342
今天讲下怎么给下拉框的值去重复 <el-select v-model="postData" style="width:220px;" multiple collapse-tags placeholder="请选择岗位"> <el-option v-for="item in postOptions" :label="item....
vue中v-for重复数据处理||element下拉框去除重复
qq_43476358的博客
06-29 2749
前端去重方法有多种,只说三种常用的(新老方法都有)1-使用常规双for循环(暴力算法)遍历比较的方式对值进行比较2-使用js方法sort排序（只针对数组），但是经常在vue等新框架中提示TypeError: arr.sort is not a function3-使用reduce方法(>_
干货超实用-select下拉框去重
yzx3105的博客
05-19 1686
循环当前页面所有select，查找每个select，并回重新给select的用html赋值 $("select").each(function(i,n){ var options = ""; $(n).find("option").each(function(j,m){ if(options.indexOf($(m)[0].outerHTML) == -1) { options += $(m)[0].outerHTML; } }); $(n).html(options); }); 也可以给指定select
select中添加option的去重前台实现
zrgood123的博客
09-18 3119
从后台传回来的是列表,我们只需要其中的某个字段作为select的option,该字段可能会有重复元素. 对列表中每一个对象, 我们先判断该对象中的字段是否已经存在于select的option中,如果已经有了则不添加,如果没有则添加,程序中通过while循环控制,如果j一直到select中option个数的末尾都没有相等的元素存在,则进行添加,否则什么都不做. 下面注释掉的代码也可以实现optio...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值