选择下拉列表值而不是第一个索引的任何解决方案
Any solution to select the dropdown value rather than first index
我有五个具有相同值的选项。有没有办法选择选项标签的所有索引而不是第一个索引。
考虑这个js小提琴一样
var duplicates = [];
function checkResult(){
var box1 = document.getElementById('box_g1');
var box2 = document.getElementById('box_g2');
var box3 = document.getElementById('box_g3');
var box4 = document.getElementById('box_g4');
var box5 = document.getElementById('box_g5');
var b1 = box1.options[box1.selectedIndex].value;
var b2 = box2.options[box2.selectedIndex].value;
var b3 = box3.options[box3.selectedIndex].value;
var b4 = box4.options[box4.selectedIndex].value;
var b5 = box5.options[box5.selectedIndex].value;
console.log(b1);
console.log(b2);
console.log(b3);
console.log(b4);
console.log(b5);
var arr = [b1,b2,b3,b4,b5];
var hash = [];
for (var n=arr.length; n--; ){
if (typeof hash[arr[n]] === 'undefined' ) hash[arr[n]] = [];
hash[arr[n]].push(n);
}
for (var key in hash){
if (hash.hasOwnProperty(key) && hash[key].length > 1){
duplicates.push(key);
}
}
if(duplicates.length > 0){
alert("duplicate found");
}else{
alert("No duplicate");
}
duplicates.length =0;
}
<select name="n1" id="box_g1">
<option value="Default">Default</option>
<option value="A">A</option>
<option value="B">B</option>
<option value="C">C</option>
<option value="D">D</option>
<option value="E">E</option>
</select>
<br/>
<select name="n2" id="box_g2">
<option value="Disabled">Disabled</option>
<option value="A">A</option>
<option value="B">B</option>
<option value="C">C</option>
<option value="D">D</option>
<option value="E">E</option>
</select>
<br/>
<select name="n3" id="box_g3">
<option value="Disabled">Disabled</option>
<option value="A">A</option>
<option value="B">B</option>
<option value="C">C</option>
<option value="D">D</option>
<option value="E">E</option>
</select>
<br/>
<select name="n4" id="box_g4">
<option value="Disabled">Disabled</option>
<option value="A">A</option>
<option value="B">B</option>
<option value="C">C</option>
<option value="D">D</option>
<option value="E">E</option>
</select>
<br/>
<select name="n5" id="box_g5">
<option value="Disabled">Disabled</option>
<option value="A">A</option>
<option value="B">B</option>
<option value="C">C</option>
<option value="D">D</option>
<option value="E">E</option>
</select>
<br/>
<br/>
<input type="submit" value="Check Result" onclick="checkResult();"/>
我做了一些技巧。但无法识别,无论是否可能。
对于 box2、box3、box4 和 box5,如果用户为任何框而不是 box1 选择"已分发"选项。
用户将看到一个弹出窗口:"找到重复项"。
目前,如果我选择"禁用"选项,它会显示我不需要的重复项。
感谢您的回复。我已经改变了设计。
相关文章:
- 名称输入的索引
- 函数参数中的数据与指定变量之间的任何性能差异
- 有没有任何方法可以将控制器从文件加载到ui路由器$stateProvider中
- jQuery中是否内置了任何字符串格式化函数
- 在单击任何位置时隐藏元素,而不检查每次DOM单击
- 在jQuery中获取表的行索引
- 是否有任何snippet或jQuery插件可以列出easylist.txt模式匹配的DOM中的所有元素
- 测试索引值是否等于某个数字的倍数
- 循环遍历数组中的特定索引
- 是否有任何Javascript函数从指定的索引中进行正则表达式匹配
- 如何检查数据表是否有任何包含字符串的行并获取它的行索引
- 下拉列表中的选定索引在未选择任何值时引发错误
- 如何匹配并返回一个字符串的多个实例,其中单个撇号可以包含在任何索引中
- 如何在任何索引字段中验证 ng-repeat 中的保存按钮
- JavaScript 数组操作,使任何索引作为变量来获取值
- 选择下拉列表值而不是第一个索引的任何解决方案
- 单击整行的任何部分时,触发网格视图的选定索引更改事件
- 如何获得当前索引的值转义任何元素使用Jquery
- 用数组索引替换哈希表中的键的任何方法
- 得到一个未定义的索引错误,不知道为什么完全不知道为什么,似乎找不到任何其他解决方案