「ファイルのブラウザー」という値のボタンがあります。ファイルを選択すると、値がファイル名に変わります。ボタンのテキストは変わりません。「ファイルの参照」のままですが、ファイル名に変わるはずです。
<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;
});
});