选择带有目标值的下拉元素

Javascript - Select drop down element with target value

本文关键字：元素 目标值 选择      更新时间：2023-09-26

我有一个下拉框，其中包含从数据库动态填充的值。它的HTML是这样的:

<select id="productclass">
    <option value="1">Name1</option>
    <option value="7">Name2</option>
    <option value="11">Name11</option>
</select>

从数据库中提取id和名称。

我需要能够编写JavaScript来选择具有特定值的选项。那么，我如何使用JavaScript选择选项#7 ?如果更简单的话，我也可以使用JQuery

如果要选择值为7的选项，请使用:

document.getElementById("productclass").value = "7";
$("#productclass").val("7");                         //jQuery

如果你用"#7"表示选项7，使用:

document.getElementById("productclass").selectedIndex = 6;
// Indexes are zero-based, the 7th element is referred through index 6

尝试使用jquery:

$('#productclass').val('7');

这里有一个jsfield

相关文章：