JavaScript
关于多个select选项不重复问题。
墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网
我也要 关注 + 加入社区我想做到，当select1选了“选择1”，其它select 选项就不会有“选择1”，如此类推，当select1选了“选择1”，select2选了“选择2”，其它的select 选择框就没有“选择1”和“选择2”的选项，请问如何实现。
<html>
<head>
<title>Document</title>
</head>
<body>
<p>
<select name="select1" id='select1'>
<option value='1'>选择1</option>
<option value='2'>选择2</option>
<option value='3'>选择3</option>
<option value='4'>选择4</option>
<option value='5'>选择5</option>
</select>
</p>
<p>
<select name="select2" id='select2'>
<option value='1'>选择1</option>
<option value='2'>选择2</option>
<option value='3'>选择3</option>
<option value='4'>选择4</option>
<option value='5'>选择5</option>
</select>
</p>
<p>
<select name="select3" id='select3'>
<option value='1'>选择1</option>
<option value='2'>选择2</option>
<option value='3'>选择3</option>
<option value='4'>选择4</option>
<option value='5'>选择5</option>
</select>
</p>
<p>
<select name="select4" id='select4'>
<option value='1'>选择1</option>
<option value='2'>选择2</option>
<option value='3'>选择3</option>
<option value='4'>选择4</option>
<option value='5'>选择5</option>
</select>
</p>
</body>
</html>
...全文
相关推荐
Vue: 多个el-select不能重复选择相同属性
例子：多个el-select不能重复选择相同属性
动态下拉框禁用重复选择[项目源码]
本文介绍了在使用element-ui的el-select组件时，如何实现动态渲染下拉选择框并禁止重复选择已选中的值。首先，通过为下拉菜单的options添加disabled属性来控制是否禁用。其次，在下拉框值改变时，通过监听方法判断选中的值是否与已有值重复，若有则禁用对应选项。此外，还提供了新增和删除下拉框项时的处理逻辑，确保在动态增减下拉框时也能正确禁用已选值。最后，展示了动态渲染下拉框的代码实现，包括新增和删除操作的逻辑处理。
BootStrap Select清除选中的状态恢复默认状态
PC端项目中经常会出现大量的数据列表页面，涉及到下拉框选择筛选条件；当时用到bootstrap-select下拉框时该如何点击重置按钮就清除下拉框的选中状态呢？下面通过本文给大家介绍下，需要的的朋友参考下吧
jQuery实现密保互斥问题解决方案
密保通常都会有n个问题，让用户选择其中2、3个，而且都不会让用户选择重复的问题。这就要求密保互斥，具体实现如下，有此需求的朋友可以参考下
js 动态新增改变删除select的值
Javascript 操作select是表单中常见的一种，今天删除多个select值的时候出现了问题，搞了半天原来是索引引起的（即删除的时候要从索引大的开始删， 然后再删除索引小的，否则删除了索引小的后索引大的索引就变化了，再删除时就会出现问题－－问题的关键是for循环是要从大到小，而不是常规的从0到 length）
