您好, 有这样一个选择框:
<select id="events">
<option value="1" style="background-color:green;">Event 1</option>
<option value="2" style="background-color:yellow;">Event 2</option>
<option value="3" style="background-color:blue;">Event 3</option>
<option value="4" style="background-color:red;">Event 4</option>
</select>
在此选择框的初始浏览器呈现和每次选择完成时,我希望选择框“事件”获得所选选项的背景颜色.
这如何通过 jquery 或通过常规 javascript 实现?
最佳答案
//Alert color on initial page load
var bkg = $("#events option:selected").css("background-color");
alert(bkg);
//Handle change event and alert color when selection is done
$(function(){
$("#events").change(function() {
var bkg = $("#events option:selected").css("background-color");
alert(bkg);
});
});
关于javascript - jquery:选择选项和背景颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4345042/