jquery attr。（）只在firefox中工作？

Question

我有一个带有不同选项的标签，如果你选择一个选项，它应该改变输入字段的字体系列。这在Firefox中很有用，但在IE或Chrome中都没有响应。这就是我的选项看起来像

<option onclick="$('#blogEntrySubject').attr('style', 'font-family:Arial;');">My option</option>

这是错的吗？

Answer 1

我想有人可能会说错了，是的。使用css(propertyName, value)方法直接操作应用的样式：

$('#blogEntrySubject').css("font-family", "arial");

此外，正如现在的评论所述：谨防流浪报价。

Answer 2

应该是

$('#blogEntrySubject').css('fontFamily', 'Arial');

Answer 3

这是解决方案：

<option>默认情况下，除Firefox之外的其他浏览器中没有onclick事件。所以你需要做的是在<select>标签上添加一个onchange事件。所以我要改变字体，我设置了这样的选项：

<option value="Arial">Arial</a>

我的选择看起来像这样：

<select onchange="$('#blogEntrySubject').css('font-family', this.value);">

这适用于所有的broswers。谢谢大家的意见。