转:[web]javascript 增加表單的input

转:[web]javascript 增加表單的input

利用javascript增加form的input

這是js的部份

//用來區分不同input的name
var element_count = 0;
 
function add_element(obj)
{
  element_count++;
  //先建立一個input的tag
  var new_element = document.createElement("input");
  //設定這個input的屬性
  //可以這樣用
  new_element.type = "text";
  new_element.name = "new" + element_count;
  new_element.value = element_count;
  //也可以這樣用
  new_element.setAttribute("type","text");
  new_element.setAttribute("name","new" + element_count);
  new_element.setAttribute("value",element_count);
  //最後再使用appendChild加到要加的form裡
  obj.form.appendChild(new_element);
  //換行用~ 一樣是要加到form裡
  var s = document.createElement("br");
  obj.form.appendChild(s);
}

這是html的部份

<form name="myform">
<input type="button" value="增加input" onclick="add_element(this)"><br />
</form>

posted on 2017-07-23 17:09 secularbird 阅读( ...) 评论( ...) 编辑 收藏

转载于:https://www.cnblogs.com/zelos/p/7225334.html