Question

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

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

的

Demo Jsfiddle

通过Javascript更新多个选择值

3 个答案: