Question

javascript DOM的问题 我想做一个表单用包含了文本域和下拉列表 怎么做一个添加的按钮

出现一样的表单呢 而且前面的表单用户输入的内容不还在上面
是用document.getElementById("").name=""做得吗
具体的代码是怎么样的呢？

Answer 1

<script type="text/javascript">
function addButton(){
var obj = document.createElement("input");
obj.type="button";
obj.value="这是一个新添加的按钮";
obj.onclick=function(){alert("我是被js添加的按钮");}
document.body.appendChild(obj);

}
</script>
<input type="button" value="添加一个按钮" onclick="javascript:addButton();"/>

追问

不是添加一个按钮 是添加新的一组前面的文本域和下拉列表在后面的一行当中

追答

function addElement(){
var objText = document.getElementById("t1");
var textNew = document.createElement("input");
textNew.type = "text";
textNew.id="";
var objSelect = document.getElementById("s1");
var selectNew = document.createElement("select");
optionNew1 = document.createElement("option");
optionNew1.innerText = "是";
selectNew.appendChild(optionNew1);
optionNew2 = document.createElement("option");
optionNew2.innerText = "否";
selectNew.appendChild(optionNew2);
selectNew.id="";
var span1 = document.createElement("");
span1.innerText="文本框：";
var span2 = document.createElement("");
span2.innerText="下拉列表：";
var br = document.createElement("");
document.body.appendChild(span1);
document.body.appendChild(textNew);
document.body.appendChild(span2);
document.body.appendChild(selectNew);
document.body.appendChild(br);
}

文本框：下拉列表：
是
否

追问

添加不了

追答

你用的是什么浏览器，你在ie里面试试！

追问

我用ie和firefox都不行呢

追答

我这里是可以的，报什么错?

追问

没报错 就是出不来

追答

我是在ie7上运行的，你把里面的方法先删了，看看页面中的文本框和下拉框能不能出来？自已调试一下试试吧！

Answer 2

在按钮的onclick事件添加方法

然后在之前的节点后增加新节点，它的innerHTML是把原来那个复制过来就好

追问

直接写在input里面吗 还是在js里写呢

追答

在js里写啊~