JavaScript - 检查选择框中的唯一值

Question

找不到我正在寻找的任何东西，但如果我错过了一些明显的东西，我很抱歉。我基本上是在尝试让 JavaScript 函数在提交表单然后将其输入数据库之前检查多个选择框中的每一个是否具有唯一值。

可以有任意数量的选择框，但都遵循类似的命名格式:

operator_address_type_0
operator_address_type_1
operator_address_type_2
etc.

我只是想知道如何设置一个 JavaScript 函数来遍历所有选择框并提醒用户并在发现任何具有相同值的情况下停止提交。

感谢您的帮助。

编辑:

这是我当前选择框的一些简化 HTML。我不得不大大简化它，因为它们所在的表都是通过 AJAX 从查询数据库加载的。

<select name="operator_address_type_0">
<option value="Main">Main</option>
<option value="Payment">Payment</option>
<option value="Poster">Poster</option>
</select>

<select name="operator_address_type_1">
<option value="Main">Main</option>
<option value="Payment">Payment</option>
<option value="Poster">Poster</option>
</select>

是这样的，但是以后可能会有更多的选择，我只是想看看只有一个主地址，一个支付地址，一个发帖地址等等。

Answer 1

像下面这样的东西？

function checkDuplicates() {
  var selects = document.getElementsByTagName("select"),
      i,
      current,
      selected = {};
  for(i = 0; i < selects.length; i++){
    current = selects[i].selectedIndex;
    if (selected[current]) {
      alert("Each address type may not be selected more than once.");
      return false;
    } else
      selected[current] = true;
  }
  return true;
}

演示:http://jsfiddle.net/GKTYE/

这会循环选择并记录每个选择的索引，如果找到重复则停止。这假设所有选择都具有相同顺序的相同选项。测试实际选择的值:

 current = selects[i].options[selects[i].selectedIndex].value;