javascript - 如何为另一个输入附加输入文件类型值

Question

我有个问题。我想将输入文件类型加载的文件的名称传递给文本框中的另一个 - 文本类型，以便文件名的样式有点吸引人......这是我的代码，谢谢帮助。

<fieldset>
    <label>
        <input type="text" value="" class="file_name_field">
    </label>
</fieldset>
<fieldset>
    <input type="file" value="wybierz plik " class="add_file_field">
    <span>przeglądaj</span>
</fieldset>

$(document).ready(function(){
    var fileName = $('.add_file_field').val();
    $('.file_name_field').val().replace(fileName);
});

Answer 1

$(function(){
 $('.add_file_field').change(function(){
  $('.file_name_field').val($(this).val());
 });
});

Answer 2

替换我最初的答案：我误解了您问题的性质。

.val() 是典型的 jQuery 函数，因为它是一个 getter 和一个 setter。因此，不带参数的 .val() 返回所选元素的 value 属性，要设置该属性，请调用 .val(newValue)。

您上面的调用从 value 属性中获取字符串对象，然后用新字符串替换它，然后字符串消失，因为您没有在任何地方分配它。