jquery 的 change() 方法的使用

w3c 中的定义:链接  <a>http://www.w3school.com.cn/jquery/event_change.asp<a>

jQuery 事件 - change() 方法

 

定义和用法

当元素的值发生改变时，会发生 change 事件。

该事件仅适用于文本域（text field），以及 textarea 和 select 元素。

change() 函数触发 change 事件，或规定当发生 change 事件时运行的函数。

注释：当用于 select 元素时，change 事件会在选择某个选项时发生。当用于 text field 或 text area 时，该事件会在元素失去焦点时发生。

触发 change 事件

触发被选元素的 change 事件。

语法

$(selector).change()

将函数绑定到 change 事件

规定当被选元素的 change 事件发生时运行的函数。

语法

$(selector).change(function)

---

遇到的问题:在页面中通过button 按钮 触发input 上传文件html如下:

 <form name="upload" id="upload" action="/fnance/upload" class="form-inline" style="display: inline-block;" method="post" enctype="multipart/form-data">      <input type="file" id="file" name="file" style="display: none;"/>      <button type="button" class="btn btn-primary" onclick="$('#file').click();">批量导入</button> </form>

js如下:

 $("#file").change(function(){         alert( $("#file").val());         $("#upload").ajaxSubmit(function(data){             var json = eval("("+data+")");             if(json.status == 1){                 alert("导入成功");                 datatables.draw();             }else{                 alert(json.message);             }         })         $(this).val("");     });

当button 按钮触发点击事件后,  触发input 框的点击事件, 对于 type='file' 的input框 选择文件后,value='选中的文件名' 符合 条件触发change() 方法