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>
4

4 回答 4

3

它backgroundColor不是background-color

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

查看工作演示

于 2012-08-07T04:26:58.323 回答
1

“document.getElementById(a).style.background-color”是错误的 必须是：“document.getElementById(a).style.backgroundColor”

于 2012-08-07T04:28:44.613 回答
1

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

于 2012-08-07T04:25:17.323 回答
1 
function dochange(a) 
{ 
  document.getElementById(a).style.backgroundColor = "#ff00ff";  
}
于 2012-08-07T04:26:49.153 回答