内容を変更する<option>要素

Question

私はselectウィジェットといくつかのAJAX拡張機能を持っています。

<select id="authors"> 
    <option value="1">Foo Bar</option> 
    <option value="2" selected="selected">Bar Baz</option> 
</select> 

ここで、選択したオプションが変更された場合、「コンテンツ」（この例では「Foo Bar」と「Bar Baz」）を変更します。 jQueryを使ってどうすればいいですか？私は次のことを試しましたが、明らかに、うまくいきません。 /編集

$('#authors').change(function(){ 
    $('#authors option[selected=selected]').html('new content'); 
}); 

：、正常に動作します'#authors option[selected=selected]'セレクターを明確にするために、それが正しいoption DOM要素を選択します。しかし、.html('new content')は何もしません。

第2編集：OK、これは恥ずかしいです。私は自分のコードをChromeのJavaScriptコンソールで試してみましたが、それは何の効果もありませんでした。 jAndyがjsFiddleで動作することを明確に実証した後、FireBugコンソールで試してみました。レッスンは

Answer 1

てみてください:-)学んだ：

$('#authors').find('option:selected').html('new content'); 

例：http://www.jsfiddle.net/4yUqL/38/

Answer 2

$("#authors option:selected").html('new content');