Jquery的change()方法的使用

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() 方法