Change the value of a button with jquery

Question

I have a button with the value 'Browser for files', when you select a file, the value should change to the file name. The text of the button doesn't change, it's still 'Browse for files' but it should change to the file name.

<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!"/>

script

$(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;
    });
});

Fixed script:

$(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;
    });
});

Well, what does it do? Does it do nothing? Make an error? Crash your computer? Make flying monkeys fall from the sky? Give you free waffles? Please clarify. — tckmn, Apr 27 '13 at 02:33
And your question is? edit: _Make flying monkeys fall from the sky_ I LOL'd — Ejaz, Apr 27 '13 at 02:34
The text of the button doesn't change, it's still 'Browse for files!' but it should change to the file name — Ender Null, Apr 27 '13 at 02:35
[This](http://tmphost.tk/upload) is how it looks now! thanks PS: It's not spam, it's only how works now. — Ender Null, Apr 27 '13 at 02:46

score 0 · Answer 1 · answered Apr 27 '13 at 02:46

0

I hope this helps:

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

answered Apr 27 '13 at 02:46

vher2

980
6
9

Thanks but I have already fixed this. I added the working script to the description. – Ender Null Apr 29 '13 at 22:10

Change the value of a button with jquery

1 Answers1