<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".field").bind('input propertychange',function(){
$(this).css("background-color","#FFFFCC");
});
});
function test(){
var val = document.getElementById("ddd").value;
alert(val);
if(val == 1){
document.getElementById("ddd").value = 0;
}else{
document.getElementById("ddd").value = 111111111;
}
}
</script>
</head>
<body>
<p>在某个域被使用或改变时,它会改变颜色。</p>
Enter your name: <input class="field" type="text" id="ddd"/>
<p>Car:
<select class="field" name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>
<a onclick="test()">test</a>
</p>
</body>
</html>
实现的效果是当点击test 的时候需要改变输入框的颜色。现在没有改变,只有在手动输入的时候才改变颜色。
如何在单击test后赋完值就立马改变颜色?
将test()改成下面的试试: