Home/ Questions/Q 8339651
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-09T04:56:20+00:00

am trying to select a multi select combo box. There i have to customize

  • 0

am trying to select a multi select combo box. There i have to customize the property that when mouse over a value the color has to change. I tried few steps i know nut its not working. Suggest me the way how should i handle it. Here is the code.

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

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    It is backgroundColor instead of background-color

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

    SEE A WORKING DEMO

    • 0