我有一个select
小部件,其中包含一些AJAX增强功能。更改<option>元素的内容
<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')
什么都不做。
第二编:好的,这很尴尬。我在Chrome的JavaScript控制台中尝试了我的代码,但没有任何效果。在jAndy清楚地证明它在jsFiddle中工作后,我在FireBug控制台中尝试了它,并且它在那里工作。教训:-)
那岂不是更好地使用文本()而不是HTML()? – Nabab 2011-01-11 16:40:13