不能选择重复的下拉框

最新推荐文章于 2021-04-30 10:08:24 发布
最新推荐文章于 2021-04-30 10:08:24 发布
阅读量494 收藏 1
点赞数
文章标签： HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
function checkSelect1(){
var selectArray = document.getElementsByName("select1");
var upSelect = "";//当前要比较的对象
var selectValue = "";//要比较的后一个对象
for(var i=0; i<selectArray.length-1; i++){
for(var j=i+1;j<selectArray.length; j++){
upSelect = selectArray[i].value;
selectValue = selectArray[j].value;
if(upSelect == selectValue && upSelect != "" && selectValue != ""){
alert("第"+selectValue+"完成人重复！");
selectArray[j].focus();
}
}
}
return true;
}
function checkSelect2()
{
var selectArray = document.getElementsByName("select1");
var selectArray2 = document.getElementsByName("select1");
for(var i=0; i<selectArray.length; i++)
{
//当前比较的对象
var curselect =selectArray[i].value;
for(var j=i+1;j<selectArray2.length;j++)
{
//如果该值已选择
if(curselect==selectArray2[j].value)
{
window.alert("第"+curselect+"完成人重复！");
selectArray2[j].focus();
return false;
}
}
}

return true;

}
//-->
</SCRIPT>
<BODY>
<form>
<table>
<tr>
<td>
<select name="select1">
<option selected value="1">第一完成人</option>
<option value="2">第二完成人</option>
<option value="3">第三完成人</option>
<option value="4">第四完成人</option>
<option value="5">第五完成人</option>
<option value="6">第六完成人</option>
<option value="7">第七完成人</option>
<option value="8">第八完成人</option>
<option value="9">第九完成人</option>
</select>
</td>
</tr>
<tr>
<td>
<select name="select1">
<option selected value="1">第一完成人</option>
<option value="2">第二完成人</option>
<option value="3">第三完成人</option>
<option value="4">第四完成人</option>
<option value="5">第五完成人</option>
<option value="6">第六完成人</option>
<option value="7">第七完成人</option>
<option value="8">第八完成人</option>
<option value="9">第九完成人</option>
</select>
</td>
</tr>
<tr>
<td>
<select name="select1">
<option selected value="1">第一完成人</option>
<option value="2">第二完成人</option>
<option value="3">第三完成人</option>
<option value="4">第四完成人</option>
<option value="5">第五完成人</option>
<option value="6">第六完成人</option>
<option value="7">第七完成人</option>
<option value="8">第八完成人</option>
<option value="9">第九完成人</option>
</select>
</td>
</tr>
<tr>
<td>
<select name="select1">
<option selected value="1">第一完成人</option>
<option value="2">第二完成人</option>
<option value="3">第三完成人</option>
<option value="4">第四完成人</option>
<option value="5">第五完成人</option>
<option value="6">第六完成人</option>
<option value="7">第七完成人</option>
<option value="8">第八完成人</option>
<option value="9">第九完成人</option>
</select>
</td>
</tr>
<tr>
<td>
<select name="select1">
<option selected value="1">第一完成人</option>
<option value="2">第二完成人</option>
<option value="3">第三完成人</option>
<option value="4">第四完成人</option>
<option value="5">第五完成人</option>
<option value="6">第六完成人</option>
<option value="7">第七完成人</option>
<option value="8">第八完成人</option>
<option value="9">第九完成人</option>
</select>
</td>
</tr>
<tr>
<td>
<input type="button" value="提交" οnclick="checkSelect2();"/>
</td>
</tr>
</table>
</form>
</BODY>
</HTML>
[align=left][/align][size=xx-small][/size]
gyc328
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
el-select已经选择的下拉框的值不可以再次被选择
Fhm123456_的博客
03-20 3621
需求：每次点新增按钮，列表typeList就会新增一条可以选择的下拉菜单，如果一个下拉菜单绑定了一个a，那么新增之后的下拉菜单里面的下拉选项a是属于被禁用的状态，只能选择别的未被禁用的选项 实现： 1，首先把下拉菜单的options拿到，，把里面的每一项新增一个item.disabled=false的属性，这样可以去控制下拉框是否禁用 2，刚进入页面调列表接口，拿到一进页面返回的typeList，拿到里面已经被绑定的option，把这些option放在一个数组里面，为了跟操作1的数组进行对比
Vue3+ Element-plus，使用el-select 循环多个下拉选择框时，选项option不能重复被选；选择后的option，在别的下拉中显示禁用状态
最新发布
Shivy_的博客
04-17 1047
Vue3+Element-plus，循环多个下拉框时，option不能重选
Vue 中计算属性实现动态循环出的多个 select 不能重复选择相同的数据
qq_41377167的博客
03-22 2456
Vue 中计算属性实现动态循环出的多个 select 不能重复选择相同的数据前言实现逻辑核心代码1.结构2.数据3.方法4.计算属性总结 前言 通过计算属性return的值可以保证相对独立，又可以在其依赖的属性的值发生变化时进行重新计算。 实现逻辑 具体的实现逻辑我写在了代码的注释里了，这里就写下核心的逻辑） 1.保证每个下拉框的Option循环的cityList都是独立的，不会影响到其他的下拉框 2.把所有Select已经选中的选项放入一个数组arr中 3.所有的Option的显示数据cityList
Vue 实现动态循环出的多个select 不能重复选择相同的数据
01-20
Vue 实现动态循环出的多个select 不能重复选择相同的数据前言效果图演示实现逻辑代码总结 前言 1.本篇文章功能的实现是基于vue的计算属性computed 2.个人感觉vue的计算属性computed挺适合做这个功能的，因为通过计算...
基于bootstrap做的地域选择下拉框.zip
09-17
这个"基于bootstrap做的地域选择下拉框"资源，正如其名，提供了一个利用Bootstrap框架实现的交互式地域选择组件，适用于需要用户选择地理位置的网页应用。 Bootstrap框架的核心特性包括其预设的CSS样式、组件和...
C# 自定义组件 下拉框选择颜色
03-08
这样的自定义组件使得开发者能够更便捷地在C#应用程序中处理颜色选择，避免了重复编写相同代码，并提供了统一的用户界面。在mschart或其他需要颜色选择的场景中，这个自定义组件无疑会大大提高开发效率和用户体验。
jquery 实现下拉框左右选择
08-01
为了提升用户体验，还可以添加一些额外的功能，如禁用已移动的选项，防止重复选择；使用AJAX动态加载选项；或者添加键盘快捷键支持等。这些扩展将使下拉框左右选择功能更加完善和实用。 总之，使用jQuery实现下拉框...
多个select下拉框,当选中当前的一项时,其他下拉选都不能选择同样的选项(下拉选的值不能相同)
热门推荐
一边努力一边摸鱼
06-10 1万+
发现了两个解决方法,一个是自己写的比较鸡肋 //选中的选项不能够重复(重复的选项隐藏) $(document).ready(function(){ $('#selectOption select').change(function(){ var oldValue=$(this).attr('old'); var current...
关于下拉框列表不可选择相同值的设置一：当前下拉框不可选
weixin_30314793的博客
04-12 456
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>测试-当前元素不可选</title><style> .ipt { border: 1px solid #ddd; box-shadow...
Vue 多个select 不能重复选择相同value的数据
疑问 搜索 动手 解决 记录
04-30 5462
开发过程经常会碰到多个Select同样的选项,选择后其他select不能继续选择,整合了两种类别的需求呈现方式 第一种，不能重复选择相同value的数据，选择后其他select移出该项 前言 1.功能的实现是基于vue的计算属性computed 2.个人感觉vue的计算属性computed挺适合做这个功能的，因为通过计算属性return的值可以保证相对独立，又可以在其依赖的属性的值发生变化时进行重新计算。 3.是偶然间想到用计算属性来完成这个功能，怕自己忘了所以写在博客这里当总结，同时也希望笔者的想法能给大
jquery实现select里面不能选择重复option的内容
ersorn
01-09 1557
//选中的订单不能重复 function selectOption(types){ //alert($(types).children("option:selected").index()); var indexs = $(types).children("option:selected").index(); if(indexs&gt;0){ ...
vue关于多个下拉框调用同一个数组时，下拉框的值不能重复
qq_36765732的博客
04-23 6809
五个下拉框，每个下拉框选中的值不能重复，选过的下拉值会置灰，代码如下 五个下拉框必选，数据结构如下 重点是计算与监听相关的属性 下面是封装的方法 // 此为多个下拉框调用同一个数组时,不能选同一个id的值,如果是id则dbSourceId改为'id',dataArray为当前下拉框的数组 export function getdiabledSelect (val, old...
vue下拉框怎么去掉重复值
04-21
可以使用Vue的computed计算属性来进行去重操作。具体实现方法为：在data中定义一个包含重复值的原始数组，然后使用computed计算属性获取去重后的数组，最后在模板中...这样，渲染出来的下拉框中就不会有重复的选项了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值