jquery - 如何在jquery中更改选择中的选项文本

Question

我有一个页面包含选择代码如下：

<select id="select-choice">
    <option value="0">Please Select</option> 
    <option value="1">red</option> 
    <option value="2">white</option> 
</select>

页面加载完成后，如何将选项 1 的文本从红色更改为绿色？到目前为止，我有以下内容：

//following is the code
$('#newoutagePage').live('pageshow', function(event) {
    $('#select-choice[value="1"]').text("green");
}

但它不起作用。有什么建议么？

Answer 1

您应该选择选项而不是选择框。见演示

jQuery 选择器

      $('#select-choice option[value="1"]').text('green');

Answer 2

尝试这个

$('#newoutagePage').live('pageshow', function(event) {
    $('#select-choice option[value="1"]').text("green");
}
                     ^
                     |
                 Space Here

文本是选项的一部分，而不是整个选择。您需要根据 select.. 中的选项获取文本。