jQuery事件 - change() 方法,监听input表单内容,发生变动时自动提交

2018-04-10 建站知识 浏览 手机预览
文章来源: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
  • 如果你的问题还没有解决,可以点击页面右侧的“ ”,站长收到问题后会尽快回复解决方案到你的邮箱。
  • 创造始于问题,有了问题才会思考,有了思考,才有解决问题的方法,才有找到独立思路的可能。 —— 陶行知