如何更改选项的文本选择在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

您应该选择选项而不是选择框。看到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 

的文本是选项的一部分，而不是选择作为一个整体。你需要得到的文本基于选择是在里面选择..