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

时间:2011-03-21 16:38:48

标签: javascript jquery html select

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

我知道我想编辑的选项的价值。我以为它会像... ...

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

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

4 个答案:

答案 0 :(得分:18)

$('#select option[value="someValue"]').text("newText")
如果添加html内容,

可以使用.html代替.text

答案 1 :(得分:7)

这样的东西?

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

有关选择正确项目的详细信息,请查看Selectors。你可以做点什么

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

或者您可以使用

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

如果你知道价值。

答案 2 :(得分:5)

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

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

答案 3 :(得分:2)

这个可以帮助您获得选项值

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

您可以使用prop()功能设置默认选择值。举个例子here