jQuery中有什麼錯誤

-4

下面的代碼中的香草javascript版本工作正常，但我試圖編碼的jQuery不會產生輸入文本的更新。 jQuery中有什麼錯誤，因爲我似乎無法發現它。jQuery中有什麼錯誤

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> 
 
<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 
    <meta charset="utf-8"> 
 
    <title> Total Tutor </title> 
 
    <link type="text/css" rel="stylesheet" href="query.css"> 
 
    <script src="../jquery.js"></script> 
 
</head> 
 

 
<body> 
 
    <div id="main"> 
 
    <button class="fileUpload"> 
 
<input id="uploadBtn" type="file" class="upload"> 
 
</button> 
 
    <input id="uploadFile" placeholder="0 files selected" disabled="disabled"> 
 

 
    </div> 
 
</body> 
 
</html> 
 

 
<script> 
 
    $("#uploadBtn").change(function() { 
 

 
    var value = $(this).val(); 
 
    $("#uploadFile").val(value); 
 

 
    }); 
 

 

 
    //this works fine 
 

 
    // document.getElementById("uploadBtn").onchange = function() { 
 
    //  document.getElementById("uploadFile").value = this.value; 
 
    // }; 
 
</script>

來源

2017-06-08 jon

工作正常。你能告訴我們你有什麼錯誤嗎？ – Rajesh

這隻適用於我在jsFIddle中，如果我分開按鈕和fileinput：'' – Adder

請試試這個：

$(function() { 
    $("input:file").change(function(){ 
     var fileName = $(this).val(); 
     alert(fileName); 
     // do whatever you want to do with file name 
    }); 
});

來源

2017-06-08 08:22:51

jQuery中有什麼錯誤

回答

相關問題