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

我有一个包含选择代码的页面，如下所示：

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

---

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

您应该选择选项而不是选择框。看

试试这个

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

---

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

我在更改文本后发现另一个问题，它现在不会显示，否则它将在我单击“选择”菜单后更改文本。看起来您正在将其绑定到事件右侧。。因此，它只会在触发该事件后更改

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

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