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の私のためにのみ機能します： '' – 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にはどのようなエラーがありますか

答えて

関連する問題