2012-08-07 6 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

@'background-color' 대신'backgroundColor'가되어야합니다. 내 대답은 아래를보십시오. –

+0

실례로 내 대답을 업데이트했습니다. –

답변

3

backgroundColor 대신 background-color

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

SEE A WORKING DEMO

+0

코드에서 제안 된대로 '

+0

하지만 여전히 나를 위해 작동하지 않습니다. 여기 피들 http://jsfiddle.net/tgh2L/ –

+0

물론 그렇습니다. –

1

document.getElementById를 (a) .style.background = "#의 FF00FF"; "document.getElementById를 :

+1

나는 backgroundColor가 있다고 생각한다. –

+0

그러나 아직도 나를 위해 일하지 않는다. 여기는 바이올린 http://jsfiddle.net/tgh2L/ –

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

하지만 여전히 나를 위해 작동하지 않습니다. 여기에 피들 http://jsfiddle.net/tgh2L/ –

+0

IE8 용으로 작동하지 않는 것 같습니다 – cemsazara

1

"document.getElementById를 (a)는 .style.background 색 " 가해야 할 잘못이다 (a) .style.backgroundColor "

+0

하지만 아직도 저를 위해 일하지 않습니다. 여기 피들 http://jsfiddle.net/tgh2L/입니다. –

관련 문제