jQuery change() 方法作用于表单中input元素的值发生变化时执行的事件方法。

它可用于 <input> 、<textarea> 和<select> 标签。

注意：

  • 对于选择框、复选框和单选按钮: 当用户使用鼠标进行选择时立即触发该事件。
  • 对于其他元素类型:  该事件在字段失去焦点时发生。

语法

$(selector).change(function)

参数

参数说明
function是可选参数。用于指定当被选元素发生更改事件时要运行的函数。

例子

<!DOCTYPE html>  
<html lang="zh-CN">  
<head>  
  <meta charset="utf-8">  
  <title>change() 例子</title>  
  <style>  
  div {  
    color: red;  
  }  
  </style>  
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>  
</head>  
<body>
 <select id="lan" name="lan" >
  <option>Jquery</option>
  <option selected="selected">javascript</option>
  <option>CSS</option>
  <option>Java</option>
  <option>PHP</option>
  <option>Python</option>
</select>
<div id="loc"></div>
 <script>
$( "select" ) .change(function () {
	document.getElementById("loc").innerHTML="你选择了:"+document.getElementById("lan").value;
});
</script>
 </body>  
</html>

效果如图所示：

jQuery change() 方法