javascript - 如何通过JQuery设置和更改HTML中选择下拉列表的第一个值

Question

我有以下下拉菜单:-

<select id="myselct">
    <option value="0">One</option>
    <option value="1">Two</option>
    <option value="2">Three</option>
</select>

我想将第一个值 (value=0) 从 One 更改为不同的文本。

我尝试过的类似方法不起作用:-

$("select#myselect option[value='One']").val("Change Value");

Answer 1

尝试，

$("#myselect option[value='0']").val("Change Value");

您将文本内容作为值传递。这就是问题所在。

如果您仍想使用文本内容，请使用 :contains()选择器，

$("#myselect option:contains(One)").val("Change Value");

但请注意 :contains() 选择器区分大小写。使用时请小心。

如果您想更改选项的文本，请使用，

$("#myselect option[value='0']").text("Change Value");