Question

我有两个可能的下拉列表，我正在使用。第一个看起来像：

<select id="drop1" name="drop1">
  <option value="">Select</option>
  <option value="1">January</option>
  <option value="2">February</option>
  ...
</select>
<input type="text" value="1" onclick="set(this.value);" />

，第二个看起来像

<select id="drop2" name="drop2">
  <option value="1">January</option>
  <option value="2">February</option>
  ...
</select>
<input type="text" value="1" onclick="set(this.value);" />

我如何确保如果set(this.value)中选择的值为= 1（1月），我将最终选择1月而不是2月。

Answer 1

您需要迭代<select>的选项，直到找到value为1的人：

function selectOptionWithValue(select, value) {
    value = "" + value;
    var options = select.options;
    for (var i = 0, len = options.length; i < len; ++i) {
        if (options[i].value == value) {
            select.selectedIndex = i;
            return;
        }
    }
}

<input type="text" value="1"
  onclick="selectOptionWithValue(document.getElementById('drop1'), this.value);">

javascript selectedIndex正确的值

1 个答案: