Форум Сайтостроение Веб-строительство

Элемент input формы

СИ
На сайте с 09.05.2007
Offline
14
Сергей Иванович
456

Здравствуйте!

Мне нужно сделать так, чтобы при нажатии на кнопку "добавить", добавлялся элемент формы <input type=file>

А при нажатии на "Удалить" последний из всех созданных элементов удалялся.

Как добавлять я нашел, вот функция: Код (JavaScript):

function addRow(id){

var tbody = document.getElementById

(id).getElementsByTagName("TBODY")[0];

var row = document.createElement("TR")

var td1 = document.createElement("TD")

var file = document.createElement( "input" );

file.type = "file";

file.name = "uploadfile[]";

td1.appendChild(file);

row.appendChild(td1);

tbody.appendChild(row);

}

Но как сделать, чтобы одной кнопкой я мог удалять созданный элемент формы?

помогите, весь день ищу в интернете информацию, но оочень далек я от программирования на javascripts :(

Николай В.
На сайте с 07.09.2006
Offline
62
Николай В.
#1 


function removeRow(id)

{

	var myTBody = document.getElementById(id).getElementsByTagName('tbody')[0];

	myTBody.removeChild(myTBody.lastChild);

}

Это если в таблице больше ничего нет.

Update: 


function removeRow()

{

	var myTBody = document.getElementById('myTable').getElementsByTagName('tbody')[0];

	var myInputs = myTBody.getElementsByTagName('input');

	for (i = myInputs.length - 1; i >= 0; i--)

	{

		if (myInputs.getAttribute('name') == 'uploadfile[]')

		{

			myTBody.removeChild(myInputs.parentNode.parentNode);

			i = -1;

		}

	}

}

А так, если вы еще добавляете в таблицу чайлдов :)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий