JQuery не задает значение текстового поля

Question

Я пытаюсь установить значение текстового поля при выборе загрузки файла, как бы то ни было, но я вижу правильное значение в поле предупреждения.

<div class="row"> 
     <div class="col-xs-2"> 
      <div class="file-label"><i></i>@Resources.FolderPath</div> 
     </div> 
     <div class="col-xs-4"> 
      <input class=".form-control" name="fileText" type="text" /> 
      <div class="fileUpload btn btn-primary"> 
       <span>Browse</span> 
       <input type="file" name="File" id="fileUpload" class="upload"/> 
      </div> 
     </div> 
     <div class="col-xs-4"> 
      <label id="fileSizeError" style="color: red"></label> 
     </div> 
    </div> 



$(document).ready(function() { 

    $(document) 
     .on("change","#fileUpload", 
      function (e) { 
       alert($("#fileUpload").val()); 
       $("#fileText").val($("#fileUpload").val()); 
       alert("hi"); 
      });  

}); 

Пожалуйста, помогите мне здесь. Я использую Asp.net MVC в качестве платформы.

Answer 1

Ваш input имеет name, но #fileText является селектор ID. Либо добавьте к нему id, либо используйте селектор атрибутов, чтобы найти его.

Так как:

<input class=".form-control" id="fileText" name="fileText" type="text" /> 
<!-- add id------------------^^^^^^^^^^^^^  --> 

или

$("[name=fileText]").val($("#fileUpload").val()); 
// ^^^^^^^^^^^^^^^---- use attribute selector 

Answer 2

Попробуйте родные ЯШ:

document.getElementById("fileText").defaultValue = $("#fileUpload").val(); 

ИЛИ

$("#fileText").attr("value", "some value"); 

Также;

Проверьте, чтобы увидеть, если ваш исходный код работает с заменой .val() с .text