通过Javascript更新多个选择值

Question

我正在尝试使用JS来同时更新多个select元素的选定值。 出于某种原因，我的JS只更新了一个select ，而不是页面上的所有select 。 不幸的是，我无法更改select的id属性，并且各种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>

Answer 1

您必须拥有唯一的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 ：

Answer 2

尝试使用类名.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";

Answer 3

$('#strings option[value=Test]').attr('selected', true);

用类似的ids 演示Jsfiddle