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

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

jquery selectors

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

Answer 2

试试这个

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

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

中的选项获取文本

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

2 个答案: