如何更改選項的文本選擇在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 

的文本是選項的一部分，而不是選擇作爲一個整體。你需要得到的文本基於選擇是在裏面選擇..