jquery - jqueryのselectでオプションのテキストを変更する方法

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内にあるオプションに基づいてテキストを取得する必要があります。