js代码 点击一次按钮就打印出一个文本框
像QQ空间中写日志--发起投票--点击一个"增加选项"的按钮就会打印出一个"文本输入框"，点击后面的删除就会删除一个。默认的情况为两个，点击按钮就增加一个，点击删除就减少...
像QQ空间中 写日志--发起投票--点击一个"增加选项"的按钮就会打印出一个"文本输入框"，点击后面的删除就会删除一个。
默认的情况为两个，点击按钮就增加一个，点击删除就减少一个。
代码如下,补充js代码。谢谢先了。
<form id="form1" name="form1" method="post" action="">
<label> 选项：<br />
<br />
<input type="text" name="textfield" id="textfield" />
删除
</label>
<p>
<label>
<input type="button" name="button" id="button" value="增加一个选项" />
</label>
</p>
</form> 展开
默认的情况为两个，点击按钮就增加一个，点击删除就减少一个。
代码如下,补充js代码。谢谢先了。
<form id="form1" name="form1" method="post" action="">
<label> 选项：<br />
<br />
<input type="text" name="textfield" id="textfield" />
删除
</label>
<p>
<label>
<input type="button" name="button" id="button" value="增加一个选项" />
</label>
</p>
</form> 展开
4个回答
展开全部
思路：
编写一个按钮，给按钮添加点击事件。
在点击事件里面，创建文本框，添加到相应的父级元素里面。
下面是简单的代码，仅供参考；
<script>
window.onload = function(){
var oBtn = document.getElementById('btn');
oBtn.onclick = function(){
var oInp = document.createElement('input');
oInp.type = 'txet';
document.body.appendChild(oInp);
};
};
</script>
</head>
<body>
<input type="button" id="btn" value="click me" />
</body>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<div style="width:300px; height:400px; clear:both" id="Content">
</div>
<input type="button" value="添加" onclick="addBotton()" /> <input type="button" value="删除" onclick="delBotton()" />
<script type="text/javascript">
var cont = document.getElementById("Content")
var i = 1;
function addBotton(){
var NewInput = document.createElement("input");
NewInput.setAttribute("size",20);
NewInput.setAttribute("type","text");
NewInput.setAttribute("name","new" + i);
cont.appendChild(NewInput);
i++;
}
function delBotton(){
cont.removeChild(cont.childNodes[cont.childNodes.length - 1])
}
</script>
</div>
<input type="button" value="添加" onclick="addBotton()" /> <input type="button" value="删除" onclick="delBotton()" />
<script type="text/javascript">
var cont = document.getElementById("Content")
var i = 1;
function addBotton(){
var NewInput = document.createElement("input");
NewInput.setAttribute("size",20);
NewInput.setAttribute("type","text");
NewInput.setAttribute("name","new" + i);
cont.appendChild(NewInput);
i++;
}
function delBotton(){
cont.removeChild(cont.childNodes[cont.childNodes.length - 1])
}
</script>
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<div style="width:300px; height:400px; clear:both" id="Content">
</div>
<input type="button" value="添加" onclick="addBotton()" /> <input type="button" value="删除" onclick="delBotton()" />
<script type="text/javascript">
var cont = document.getElementById("Content")
var i = 1;
function addBotton(){
var NewInput = document.createElement("input");
NewInput.setAttribute("size",20);
NewInput.setAttribute("type","text");
NewInput.setAttribute("name","new" + i);
cont.appendChild(NewInput);
i++;
}
function delBotton(){
cont.removeChild(cont.childNodes[cont.childNodes.length - 1])
}
</script>
</div>
<input type="button" value="添加" onclick="addBotton()" /> <input type="button" value="删除" onclick="delBotton()" />
<script type="text/javascript">
var cont = document.getElementById("Content")
var i = 1;
function addBotton(){
var NewInput = document.createElement("input");
NewInput.setAttribute("size",20);
NewInput.setAttribute("type","text");
NewInput.setAttribute("name","new" + i);
cont.appendChild(NewInput);
i++;
}
function delBotton(){
cont.removeChild(cont.childNodes[cont.childNodes.length - 1])
}
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<form id="form1" name="form1" method="post" action="">
<div id="txt">
<label> 选项：<br />
<br />
<input type="text" name="textfield" id="textfield" />
删除
</label>
</div>
<p>
<label>
<input type="button" name="button" id="button" onclick="addbtn()" value="增加一个选项" />
</label>
</p>
</form>
<script language="javascript" type="text/javascript">
function addbtn()
{
var tableContainer= document.getElementById("txt");
var tx= document.createElement("input");
tx.type="text";
tableContainer.appendChild(tx);
}
</script>
<div id="txt">
<label> 选项：<br />
<br />
<input type="text" name="textfield" id="textfield" />
删除
</label>
</div>
<p>
<label>
<input type="button" name="button" id="button" onclick="addbtn()" value="增加一个选项" />
</label>
</p>
</form>
<script language="javascript" type="text/javascript">
function addbtn()
{
var tableContainer= document.getElementById("txt");
var tx= document.createElement("input");
tx.type="text";
tableContainer.appendChild(tx);
}
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
