1

找不到任何我想要的东西，但如果我错过了一些明显的东西，我很抱歉。我基本上是在尝试让 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>

就是这样，但未来可能会有更多选择，我只是想检查一下是否只有一个主要地址，一个付款地址，一个海报地址等。

4

1 回答 1

4

像下面这样的东西？

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;
于 2012-04-09T16:11:56.433 回答