Скрипт представляет кнопку, при нажатии на которую появляется поле для загрузки файла и кнопка удаление этого поля.
Добавление работает нормально, даже есть лимит на 10 файлов. А удаление не работает. Проблема в том, что не корректно создается див, который потом надо удалить.
Оплата по факту или СБР или предлагайте варианты.
Все в одном файле.
<h1>Форма</h1>
<table border=0 id="upload_blocks" width="100%">
<tr class="odd">
<td valign="top" width="200">
Фото: <div id="addfrm0"></div>
<div id="bntAddPhoto"><input type="submit" value="+"></div>
</td>
</tr>
</table>
<script>
function btnDelete(id){
document.getElementById(id).remove();
}
function newInputAdd(id) {
var y = 1;
var newId = id + y;
var firstform = document.getElementById('addfrm0');
var newinput = document.createElement('input');
var br = document.createElement("br");
var btnDelete = '<input type="submit" value="x">';
newinput.type = "file";
newinput.name = "block[file]["+newId+"]";
firstform.appendChild(newinput);
firstform.appendChild(br);
newinput.insertAdjacentHTML("beforebegin", '<div id="b0f_'+newId+'">');
newinput.insertAdjacentHTML("beforebegin", "<span style='color:red'>" + newId + ".</span> ");
newinput.insertAdjacentHTML("beforebegin", btnDelete);
newinput.insertAdjacentHTML("afterend", "</div>");
if(newId > 9){
var newAdd = '';
}else{
var newAdd = '<input type="submit" value="+">';
}
document.getElementById('bntAddPhoto').innerHTML = newAdd;
}
</script>