javascript - JQuery 获取值变化事件-PHP中文网问答

<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后赋完值就立马改变颜色？

function test(){ var input = document.getElementById("ddd"); input.style.backgroundColor = "#FFFFCC"; var val = input.value; alert(val); if(val == 1){ document.getElementById("ddd").value = 0; }else{ document.getElementById("ddd").value = 111111111; } }