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