w3c 中的定義:鏈接 <a>http://www.w3school.com.cn/jquery/event_change.asp<a> jQuery 事件 - change() 方法 定義和用法 當元素的值發生改變時,會發生 change 事件。 該事件僅適用於文本域(text field),以及 ...
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() 方法