更改<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');
});

/ edit:澄清一下,选择器'#authors option[selected=selected]'工作正常,它选择了正确的optionDOM元素.但.html('new content')什么都不做.

第二次编辑:好的,这很尴尬.我在Chrome的JavaScript控制台中尝试了我的代码,但它没有任何效果.在jAndy清楚地证明它在jsFiddle中工作之后,我在FireBug控制台中尝试了它,并且它在那里工作.学过的知识 :-)

Answer 1

尝试:

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