javascript - 通过 Javascript 更新多个选择值

Question

我正在尝试使用 JS 同时更新多个 select 元素的选定值。由于某种原因，我的 JS 只更新了一个 select，而不是页面上的所有更新。不幸的是，我无法更改 select 的 id 属性，并且各种 select 元素需要具有相同的 id 。

我该如何更改函数，以便更新 ID 为“dropdown-test”的 ALL 下拉列表？

JS

document.getElementById('dropdown-test').value="3";

HTML

<select id="dropdown_test">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>

<select id="dropdown_test">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>

Answer 1

您必须拥有唯一的 ID。如果你想使用 jQuery 你可以这样做:

$('select').val(3);

演示 here

如果您想使用普通 javascript，您可以使用:

var all_select = document.getElementsByTagName("select");
for (i = 0; i < all_select.length; i++) {
    all_select[i].value = 3;
}

演示 here

如果您仍然需要 ID，请给它们不同的名称。

阅读about ID :