Javascript - 选择具有目标值的下拉元素

Question

我有一个下拉框，其中包含从数据库动态填充的值。所以，它的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。

Answer 1

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

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

如果您的选项编号为“#7”，请使用：

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

Answer 2

尝试使用jquery：

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

这是jsfiddle