js设计当input在disable时设计input的背景颜色—–>适用IE 火狐浏览器！
<html>
<head>
<style>
/* input{
background:expression((this.disabled && this.disabled==true)?”#F03″:”")} */
</style>
<script type=”text/javascript”>
function my_change()
{
if(document.getElementById(“select_id”).value==0)
{
document.getElementById(“text1″).disabled=true;
document.getElementById(“text2″).disabled=false;
document.getElementById(“text3″).disabled=true;
document.getElementById(“text1″).style.backgroundColor=”#e9e9e9″;
document.getElementById(“text2″).style.backgroundColor=”#FFF”;
document.getElementById(“text3″).style.backgroundColor=”#e9e9e9″;
}
else if(document.getElementById(“select_id”).value==1)
{
document.getElementById(“text1″).disabled=false;
document.getElementById(“text2″).disabled=true;
document.getElementById(“text3″).disabled=true;
document.getElementById(“text1″).style.backgroundColor=”#FFF”;
document.getElementById(“text2″).style.backgroundColor=”#e9e9e9″;
document.getElementById(“text3″).style.backgroundColor=”#e9e9e9″;
}
else
{
document.getElementById(“text1″).disabled=true;
document.getElementById(“text2″).disabled=true;
document.getElementById(“text3″).disabled=false;
document.getElementById(“text1″).style.backgroundColor=”#e9e9e9″;
document.getElementById(“text2″).style.backgroundColor=”#e9e9e9″;
document.getElementById(“text3″).style.backgroundColor=”#FFF”;
}
}
</script>
</head>
<body onLoad=”my_change();”>
<table>
<tr>
<td>
<select id=”select_id” name=”select_id” onChange=”my_change();”>
<option value=”0″>0</option>
<option value=”1″>1</option>
<option value=”2″>2</option>
</select></td>
</tr>
<tr>
<td>
<input type=”text” id=”text1″ name=”text1″/></td>
</tr>
<tr>
<td><input type=”text” id=”text2″ name=”text2″/></td>
</tr>
<tr>
<td><input type=”text” id=”text3″ name=”text3″/></td>
</tr>
</table>
</body>
</html>
没有评论▼