动态 添加 表单控件

来源:互联网 发布:c语言 define数组 编辑:程序博客网 时间:2024/04/30 16:06

<script language="javascript">
function AddElement(mytype){     //传入要创建的类型表单


var mytype,TemO=document.getElementById("add"); 获取存放位置的id


var newInput = document.createElement("input");       //创建input表单  (*input 可以修改成你需要的)


newInput.type=mytype;                       //创建什么类型的 参数赋值


newInput.name="input1";                   //表单名称


TemO.appendChild(newInput);         //添加到 存放的位置里


var newline= document.createElement("br");//创建一个BR标签是为能够换行!


TemO.appendChild(newline);   
//添加到 存放的位置里
}
</script>

 

 

 

 <form action="" method="get" name="frm">
 <div id="add">   //显示的位置
         <input type="text" name="textfield">
</div>
 </form>
 <input name="" type="button" value="新建文本框" onClick="AddElement('text')" />  //调用js方法

 


原创粉丝点击