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

【问题标题】：Setting the text of an <option> element using jQuery使用 jQuery 设置 <option> 元素的文本
【发布时间】：2011-07-19 20:06:38
【问题描述】：

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

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

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

但我显然遗漏了一些东西。

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

这样的？

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

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

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

或者你可以使用

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

如果你知道价值。

【讨论】：

【解决方案3】：

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

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

【讨论】：

【解决方案4】：

这个可以帮你获取options值，

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

您可以使用prop() 函数设置默认选择值。以here为例。

【讨论】：