javascript - 将值插入到输入/JavaScript

Question

我有以下 JS/HTML 代码:

<input type="text" class="file" name="file_info" id="file_info">
    <div class="file_upload">
        <input type="file" id="file_upload" onchange="name();">
    </div>
<script>
    function name() {
        var fileName = document.getElementById("file_upload").value;
        var fnSplit = fileName.split(/[\/\\]/);
        fileName = fnSplit[fnSplit.length - 1];
      document.getElementById('file_info').innerHTML = 'Fred Flinstone';
    }
</script>

我希望上传文件后，文件名将显示在tput文本中，但是这个cide不起作用。

如何修复它？

更新:文件名应位于输入文本内

Answer 1

将 script 元素移到 input 元素之前。您最好将 script 元素放入 head 中，如下所示

Demo

已更新答案!