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

尝试原生js：

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

OR

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

也;

检查您的原始代码是否适用于将.val()替换为.text

Jquery不设置文本框值

2 个答案: