javascript - 使用 jquery 更改按钮的值

Question

我有一个值为“文件浏览器”的按钮，当您选择文件时，该值应更改为文件名。按钮的文本没有改变，它仍然是“浏览文件”，但它应该更改为文件名。

<input style="display: none" id="file-type" type="file" size="4" name="file"/>
<input id="browse-click" type="button" class="button2" value="Browse for files!"/>

脚本

$(window).load(function () {
    var intervalFunc = function () {
        $('#browse-click').html($('#file-type').val());
    };
    $('#browse-click').on('click', function () {
        $('#file-type').click();
        setInterval(intervalFunc, 1);
        return false;
    });
});

固定脚本：

$(window).load(function () {
    var intervalFunc = function () {
        $("#browse-click").prop('value', $('#file-type').val());
    };
    $('#browse-click').on('click', function () {
        $('#file-type').click();
        setInterval(intervalFunc, 1);
        return false;
    });
});

Answer 1

我希望这有帮助：

$(window).load(function () {
    $('#file-type').change(function(){
        $('#browse-click').val($(this).val());
    });
    $('#browse-click').on('click', function () {
        $('#file-type').click();
    });
});