Javascript 选择列表菜单中的Jquery字体系列和大小更改在Chrome中不起作用

以下代码在Firefox中有效，但在Chrome中无效。有什么建议吗

html:

---

多亏了A.沃尔夫找到了解决办法

以下是更改后的jquery代码：

$('#fontselect').on('change', function (e) {
var optionSelected = $("option:selected", this);
var valueSelected = this.value;
if(valueSelected=='dragon_is_comingregular') {
$('.word_preview').css('font-family', 'dragon_is_comingregular');
$('.word_preview').css('font-size', 40);
}
else if (valueSelected=='Libre Baskerville') {
$('.word_preview').css('font-family', 'Libre Baskerville');
$('.word_preview').css('font-size', 14);
}
});
});

---

您无法将任何事件绑定到chrome上的OPTION元素，请改用select change事件并筛选相关值

$('#dragon_font').click(function(){   
$('.word_preview').css('font-family', 'dragon_is_comingregular');
curSize= parseInt($('.word_preview').css('font-size'));
if(curSize==14)
$('.word_preview').css('font-size', 40);
}); 
$('#libre_font').click(function(){   
$('.word_preview').css('font-family', 'Libre Baskerville');
curSize= parseInt($('.word_preview').css('font-size'));
if(curSize>=40)
$('.word_preview').css('font-size', 14);
}); 
});

$('#fontselect').on('change', function (e) {
var optionSelected = $("option:selected", this);
var valueSelected = this.value;
if(valueSelected=='dragon_is_comingregular') {
$('.word_preview').css('font-family', 'dragon_is_comingregular');
$('.word_preview').css('font-size', 40);
}
else if (valueSelected=='Libre Baskerville') {
$('.word_preview').css('font-family', 'Libre Baskerville');
$('.word_preview').css('font-size', 14);
}
});
});