<script>
window.onload=function(){
var btn=document.getElementById("btn");
btn.onclick=function(){
var ts=document.getElementById("ts").value;
var dn=document.getElementsByClassName("dn");
for(var i=0;i<ts;i++){
var input=document.createElement("input");
input.setAttribute("class","text");
input.type="text";
input.name="字符";
input.id="inp";
dn[0].appendChild(input);
}
var button=document.createElement("input");
button.setAttribute("class","but");
button.type="button";
button.name="anniu";
button.value="确认";
button.id="but";
dn[0].appendChild(button);
var pics=document.getElementById("dnn").getElementsByTagName("input");
var len=pics.length;
var but=document.getElementById("but");
but.onclick=function(){
for(var j=0;j<len;j++){
var inp=document.getElementById("inp").value;
console.log(inp);
}
console.log(inp);
}
}
}
</script>
</head>
<body>
<div class="box">
<div class="dn" id="dnn">
<input type="text" id="ts" placeholder="请输入字符串的个数">
<!-- </div>
<div class="tip"> -->
<input type="button" id="btn" value="确定">
</div>
</div>
</body>（抱歉之前不会上传图片 图片看不清楚，之前的问题已经解决了，谢谢各位了）我这个代码是实现动态创建文本框并获取文本框内容，先在文本框中输入数字n，点击确定btn按钮，生成n个文本框和一个确定按钮but，在生成的文本框输入内容后，点击but 在控制台显示出来文本框的内容，可我的代码只显示生成文本框中的第一个文本框里的内容，其他文本框里的不显示，希望大神能跟我讲解
添加回答
举报
0/150
提交
取消