程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> JAVA編程 >> 關於JAVA >> jquery 的 change() 方法的使用

jquery 的 change() 方法的使用

編輯:關於JAVA

jquery 的 change() 方法的使用。本站提示廣大學習愛好者:(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"  method="post" enctype="multipart/form-data">
      <input type="file" id="file" name="file" />
      <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() 方法

 

 

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved