1

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

我该如何更改功能，以便更新所有带有 id 'dropdown-test' 的下拉菜单？

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>
4

3 回答 3

3

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

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

演示在这里

如果你想使用纯 JavaScript，你可以使用：

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

演示在这里

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

阅读ID：

于 2013-09-07T09:48:21.967 回答
1

尝试使用类名。Id 应该是唯一的。

HTML

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

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

JS

document.getElementByClass('.dropdown-test').value="3";
于 2013-09-07T09:52:57.957 回答
0 
$('#strings option[value=Test]').attr('selected', true);

与类似的演示 Jsfiddleids

于 2013-09-07T10:06:12.877 回答