У меня есть следующая разметка:
<select multiple="multiple" id="targetFilesList" style="width:200px;height:110px;">
</select>
<input type="button" value="Get" id="btnGet" />
и следующий javascript:
$(function()
{
$('#btnGet').click(function()
{
var fileupload = $("<input type='file' name='filetoupload' style='visibility:hidden;'/>");
$('body').append(fileupload);
fileupload[0].onchange = function()
{
$('#targetFilesList').append('<option >' + fileupload.val() + '</option>');
return false;
}
fileupload.click();
});
});
Сценарий заключается в том, что мне нужно загрузить несколько файлов, и как только пользователь выбрал файл для загрузки, я должен показать имя файла пользователю. Затем, отправив форму, я выгружу все файлы. Для этого при нажатии кнопка get Я добавляю управление файловой загрузкой динамически и инициализировать событие onchange только что добавленного элемента управления файловой загрузкой. Проблема в chrome 12 при нажатии кнопки getupupupload control не открывается, но в firefox4 и ie8 она работает. Любая идея почему?