选择下拉列表值而不是第一个索引的任何解决方案

Any solution to select the dropdown value rather than first index

本文关键字:索引 任何 解决方案 第一个 下拉列表 选择      更新时间:2023-09-26

我有五个具有相同值的选项。有没有办法选择选项标签的所有索引而不是第一个索引。

考虑这个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 选择"已分发"选项。

用户将看到一个弹出窗口:"找到重复项"。

目前,如果我选择"禁用"选项,它会显示我不需要的重复项。

感谢您的回复。我已经改变了设计。