javascript - 检查选择框是否相同但跳过选择框中的第一项

Question

我正在尝试检测一个选择框是否与另一个选择框相同。

但是我试图跳过列表中的第一项。

因此，如果任何选择框(bk1、bk2、bk3、bk4、bk5)彼此相同，那么我希望它说字段相同，但如果选择框中的第一项是选择然后我希望它忽略它并且不检查它是否相同。

我似乎让一切都按照我想要的方式工作，但无法弄清楚如何跳过列表中的第一项。

所以如果: block 1 = 113 block 2 = 0 block 3 = 0 block 4 = 116 block 5 = 117那么它应该警告“没有相同的字段，可以安全地继续”(因为 0 是选择框中的第一项)

所以如果: block 1 = 113 block 2 = 0 block 3 = 115 block 4 = 115 block 5 = 117那么它应该警告“哦不，其中一个字段是相同的”，因为列表中的 115 是相同的。

<select id="block1"">     
    <option value="0">Item 0</option>
    <option value="111">Item 1</option>
    <option value="112">Item 2</option>
    <option value="113">Item 3</option>
    <option value="114">Item 4</option>
    <option value="115">Item 5</option>
    <option value="116">Item 6</option>
    <option value="117">Item 7</option>
</select>
<select id="block2"">     
    <option value="0">Item 0</option>
    <option value="111">Item 1</option>
    <option value="112">Item 2</option>
    <option value="113">Item 3</option>
    <option value="114">Item 4</option>
    <option value="115">Item 5</option>
    <option value="116">Item 6</option>
    <option value="117">Item 7</option>
</select>
<select id="block3"">     
    <option value="0">Item 0</option>
    <option value="111">Item 1</option>
    <option value="112">Item 2</option>
    <option value="113">Item 3</option>
    <option value="114">Item 4</option>
    <option value="115">Item 5</option>
    <option value="116">Item 6</option>
    <option value="117">Item 7</option>
</select>
<select id="block4"">     
    <option value="0">Item 0</option>
    <option value="111">Item 1</option>
    <option value="112">Item 2</option>
    <option value="113">Item 3</option>
    <option value="114">Item 4</option>
    <option value="115">Item 5</option>
    <option value="116">Item 6</option>
    <option value="117">Item 7</option>
</select>
<select id="block5"">     
    <option value="0">Item 0</option>
    <option value="111">Item 1</option>
    <option value="112">Item 2</option>
    <option value="113">Item 3</option>
    <option value="114">Item 4</option>
    <option value="115">Item 5</option>
    <option value="116">Item 6</option>
    <option value="117">Item 7</option>
</select>


var bk1 = document.getElementById("block1").value;
var bk2 = document.getElementById("block2").value;
var bk3 = document.getElementById("block3").value;
var bk4 = document.getElementById("block4").value;
var bk5 = document.getElementById("block5").value;

var test = [bk1, bk2, bk3, bk4, bk5];
var res = true; 
for(var i = 0; i < test.length; i++) { 
  if (test.indexOf(test[i], i + 1) >= 0) {
    res = false; 
    break;
  } 
}

if(res){
    alert("no fields the same, safe to move on");
}else{
  alert("oh no, one of the field are the same");selected option";
}

Answer 1

我必须修复每个选择的结束属性中的双引号:

<select id="block1"">

只需添加对 test[i] > 0 的检查:

validate = function() {
    var bk1 = document.getElementById("block1").value;
    var bk2 = document.getElementById("block2").value;
    var bk3 = document.getElementById("block3").value;
    var bk4 = document.getElementById("block4").value;
    var bk5 = document.getElementById("block5").value;

    var test = [bk1, bk2, bk3, bk4, bk5];
    var res = true;

    for(var i = 0; i < test.length; i++) {
        if (test[i] > 0) {
            if (test.indexOf(test[i], i + 1) >= 0) {
                 res = false; 
                 break;
            } 
        }
    }

    if(res){
        alert("no fields the same, safe to move on");
    }else{
        alert("oh no, one of the field are the same");
    }
}

https://jsfiddle.net/3cq0hjh5/