2012-08-07 166 views
0

正试图选择多选组合框。在那里,我必须定制的属性,当鼠标悬停在一个值的颜色必须改变。我尝试了几个步骤,我知道它不工作。建议我如何处理它。这是代码。在鼠标悬停选择菜单上更改颜色

<html> 
<head> 
<style type="text/css" > 

</style> 
<script type="text/javascript"> 
var a="hidden"; 
function doset() 
{ 
    if(a=="hidden") 
    a="visible"; 
    else 
    a="hidden"; 
    document.getElementById("myitems").style.visibility = a; 
} 
function dochange(a) 
{ 

    document.getElementById(a).style.background-color= 0xff00ff; 
} 
</script> 
</head> 
<body> 
<label>ajay</label> 
<input type=button value="v" onClick="doset(); return false;"/> 
<div id=myitems style='visibility:hidden'> 
<select multiple="multiple" > 
<option id= prav1 onMouseover="dochange(this.id); return true;">ajay</option> 
<option id= prav2 onMouseover="dochange(this.id); return true;">musthafa</option> 
<option id= prav3 onMouseover="dochange(this.id); return true;">praveen</option> 
<option id= prav4 onMouseover="dochange(this.id); return true;">shruthy</option> 
<option id= prav5 onMouseover="dochange(this.id); return true;">vasanth sir</option> 
</select> 
</div> 
</body> 
</html> 
+0

@它应该是'backgroundColor'而不是'background-color',请参阅下面的答案。 – 2012-08-07 04:28:39

+0

更新了我的答案与工作示例。 – 2012-08-07 04:45:19

回答

3

这是backgroundColor而不是background-color

document.getElementById(a).style.backgroundColor= "#ff00ff"; 

SEE A WORKING DEMO

+0

这将工作的'

+0

但它仍然不适合我。这里是小提琴http://jsfiddle.net/tgh2L/ – 2012-08-07 04:32:02

+0

是的,当然会。 – 2012-08-07 04:33:01

1

document.getElementById(a).style.background =“#ff00ff”;;

+1

我觉得有backgroundColor – 2012-08-07 04:25:57

+0

但它仍然不适合我。这里是小提琴http://jsfiddle.net/tgh2L/ – 2012-08-07 04:31:14

1
function dochange(a) 
{ 
    document.getElementById(a).style.backgroundColor = "#ff00ff"; 
} 
+0

但它仍然不适合我。这里是小提琴http://jsfiddle.net/tgh2L/ – 2012-08-07 04:31:33

+0

似乎它不适用于IE8 – cemsazara 2013-03-08 05:53:36

1

“的document.getElementById(一).style.background色” 是错误的 必须“的document.getElementById (a).style.backgroundColor“

+0

但它仍然不适合我。这里是小提琴http://jsfiddle.net/tgh2L/ – 2012-08-07 04:32:47