четверг, 7 февраля 2013 г.

динамическое добавление input js

var delFile = document.getElementById("delFile");

table.childNodes[item].appendChild(tr);

&ab.16mb.co&m& pn.setAttribute("onChange","addFileAttach(); return false;");

pn.setAttribute("type", "file");

pn.setAttribute("name", "attach_file[]");

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

var td1 = document.createElement("td");

var tr = document.createElement("tr");

var num = table.childNodes[item].childNodes.length;

if (table.childNodes.length == 1 ) {item = 0; }else {item = 1;}

var table = document.getElementById("fileupload");

//добавление поля для загрузки файла

JS-код (проверен а FF, IE 8)

<div id=»action»><a onclick=»addFileAttach(); return false;» href=»#»>+ добавить файл</a>&nbsp;&nbsp;&nbsp;<a href=»#» onclick=»delFileAttach(); return false;» id=»delFile»>- удалить файл</a></div>

<tbody><tr id=»0″><td><input type=»file» name=»attach_file[]» onchange=»addFileAttach(); return false;»></td></tr></tbody></table>

<table id=»fileupload»>

Ниже приводится код JS и HTML для реализации

Как-то понадобилось решать задачу по динамическому добавлению строчек в таблицу.

Опубликовано 06 Июн 2012 в рубрике « , ». Автор:

JS. Динамическое добавление/удаление строк таблицы. — Мои IT записи

Комментариев нет:

Отправить комментарий