jquery - 更改 元素的内容

Question

我有一个带有一些 AJAX 增强功能的 select 小部件。

<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]' 工作正常，它选择了正确的 option DOM 元素。但是 .html('new content') 什么也不做。

第二次编辑:好吧，这很尴尬。我在 Chrome 的 JavaScript 控制台中尝试了我的代码，但没有任何效果。在 jAndy 清楚地演示了它在 jsFiddle 中工作之后，我在 FireBug 控制台中尝试了它，并且它工作了。吸取的教训:-)

Answer 1

尝试:

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

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