add remove <li with textbox on button click. (out of ul wrap problem) and name inputs uniquely

Answer 1

Call appendChild on the UL element, not the form element.

Answer 2

Hi

Shouldn't you to append the "li" to the "ul" instead of the form ?

function addTextBox() { var myUl = document.getElementById('___your_ul_id____'); <--- change this myUl.appendChild(document.createElement('li')).innerHTML = "Name "; }

Answer 3

You need to append the new li to the ul, not the form element.

var ul = document.getElementById("ul_id");
ul.appendChild(document.createElement('li')).innerHTML = "Name <input type=\"text\" name=\"txt\" class=\"txt_input required\">";