javascript - 更改下拉列表中所选选项的颜色

Question

Possible Duplicate:
HTML <select> selected option background-color CSS style

如何更改下拉列表中所选选项的颜色？我需要更改关闭下拉菜单时可见的选项的颜色...

Answer 1

您可以从 select.options[select.selectedIndex] 获取值，因此这可能适合您的需求:http://jsfiddle.net/6VhK8/ .

var select = document.getElementById('select');
select.onchange = function() {
    for(var i = 0; i < select.options.length; i++) {
        if(i == select.selectedIndex) {
            select.options[i]
            .style.backgroundColor = 'red';
        } else {
            select.options[i]
            .style.backgroundColor = '';
        }
    }
}