通过 Javascript 更新多个选择值

Updating Multiple Select Values via Javascript

本文关键字：选择 Javascript 更新 通过      更新时间：2023-09-26

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

如何更改函数以更新所有带有 id "下拉列表测试"的下拉列表？

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

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

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

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

具有类似ids的演示 Jsfiddle

相关文章：