设置<选项>的文本使用 jQuery 的元素

Question

使用 jQuery 编辑给定选择值的选项文本的最佳方法是什么。

我知道我要编辑的选项的值。我以为这会是……

$('#select').val().$('option').html('New Text');

但我显然错过了一些东西。

Answer 1

$('#select option[value="someValue"]').text("newText")

如果添加 html 内容，可以使用 .html 而不是 .text。

Answer 2

像这样的东西吗？

$('#select').children('option').text('New Text');

有关选择正确项目的更多信息，请查看选择器。你可以做类似的事情

$('#select').children('option:first').text('New Text');

或者你可以使用

$('#select').children('option[value="thevalue"]').text('New Text');

如果你知道它的价值。

Answer 3

您可能正在寻找 :selected 选择器和 text() 方法：

$("#select option:selected").text("New Text");

Answer 4

这个可以帮助您获取选项值，

$('#select_id').children('option[value="thevalue"]').text('New Text');

并且您可以使用 prop() 函数设置默认选择值。 此处举个例子。