Добавление новых полей для загрузки нескольких файлов

[makvik]

Добавление новых полей для загрузки нескольких файлов

Доброе утро.

Проблема такова:

Есть хтмл с полем для загрузки файла

<div id="fotodiv">

<table>	
<tr>
<td>
	<a href="#" onclick="return add_loadfoto()"> Добавить ещё одно фото? </a><br>
</td>	
</tr>
</table>

	<table>
		<tr>
			<td>
				фотография 1
			</td>
			<td>
				<input type=file name=foto_1> 
			</td>
		</tr>
	</table>
	
</div>

А также имеется яваскрипт, который добавляет к этому коду новые поля file_2, file_3 и.т.п.

var counter = 1;

function add_loadfoto()
	{
	
		counter ++;
		
		document.getElementById('fotodiv').innerHTML+='<table><tr><td>фотография ' + counter + '</td><td><input type=file name=foto_'+counter+' > </td> </tr></table>';
	
		document.getElementById('fotos').value = counter;
		
		return false;
	}

Проблема в том, что при добавлении нового поля, в предыдущих очищается содержимое. Почему это происходит - не могу понять. Прошу вашей помощи.

 

[440hz]

патаму...
http://440hz.ru/trash/files/

 

[makvik]

спасибо, но признаюсь честно - я в яваскрипте чайник, честно пытался вникнуть в тот исходник, толку ноль. Можно ли как-то мой код изменить, чтобы работало как надо?

 

[440hz]

чтобы работало как надо

только ты сам сможешь это сделать.
=)

 

[Magiys]

Автор оригинала: makvik
спасибо, но признаюсь честно - я в яваскрипте чайник, честно пытался вникнуть в тот исходник, толку ноль. Можно ли как-то мой код изменить, чтобы работало как надо?

Конечно можно, нужно отталкиваться от DOM и ряда функции: createElement, appendChild и схожих.