文章来源:http://www.imtr.cn/html/n195.html
定义和用法:
当元素的值发生改变时,会发生 change 事件。该事件仅适用于文本域(text field),以及 textarea 和 select 元素。change() 函数触发 change 事件,或规定当发生 change 事件时运行的函数。
注释:当用于 select 元素时,change 事件会在选择某个选项时发生。当用于 text field 或 text area 时,该事件会在元素失去焦点时发生。
代码如下:
<input class="a" type="text" placeholder="随便输入点什么" /> <select class="b" name="cars"> <option value="volvo">戳这里...</option> <option value="saab">选择我,改变颜色</option> </select> <input class="c" type="text" value="修改这里的文字"/>
<script type="text/javascript"> $(".a").change(function(){ document.getElementById("form1").submit();//提交id="form1"的表单 }); $(".b").change(function(){ $(this).css("background-color","#F44336").css("color","#fff");//改变背景颜色、文字颜色 }); $(".c").change(function(){ alert("文本已被修改");//弹窗 }); </script>
原文地址:http://www.imtr.cn/html/n195.html