您的位置:首页 > Web前端 > JavaScript

javascript点击按钮,增加文本框和按钮

2017-10-10 15:39 295 查看
<script type="text/javascript">
var count = 1;

//用来判断是删除 还是增加按钮 以便count值进行计算
function checkCount(boolOK, coun) {
if (boolOK == true) {
return count++;
}
else {
count--;
}
}
//添加一个input标签 同时也对它的ID和Name进行赋值。
function AddInput() {
countAA = checkCount(true, count);
var question = document.getElementById("question");
//创建input
var input = document.createElement("input");
input.type = "text";
input.id = "questions[" + count + "]";
input.name = "questions[" + count + "].name";
question.appendChild(input);                                     //向元素增加子节点 最为最后一个子节点

var input = document.createElement("input");
input.type = "button";
input.id = "questions[" + count + "]";
input.name = "questions[" + count + "].name";
input.value="按钮";

question.appendChild(input);

//创建一个空格
var br = document.createElement("br");
question.appendChild(br);
}
</script>

<body onmousemove="initEvent()">
<div style="width: 500px; margin-left: 200px;">
<div id="question" style="border: 1px solid yellow;">
<input id="Text1" type="text" /><input id="btnAddInput" type="button" value="新增一个Input" onclick="AddInput()" /><br />
</div>
</div>
</body>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  javascript css js 网页
相关文章推荐