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> Не имеет события onclick по умолчанию в других браузерах, кроме Firefox. Итак, вам нужно добавить событие onchange в тег <select>. Поэтому для меня, чтобы изменить шрифт, я установил свою опцию так:

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

И мой выбор выглядит примерно так:

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

Это работает во всех браузерах. Спасибо всем за ваш вклад.