JQuery 获取值变化事件

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

阅读 6.5k
2 个回答

将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;
  }

}   

改变颜色的$('#ddd').css("background-color","#FFFFCC")没有在点击事件里面,加进去就行了

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题