<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 在控制台显示出来文本框的内容,可我的代码只显示生成文本框中的第一个文本框里的内容,其他文本框里的不显示,希望大神能跟我讲解
FSYu
圣龙大帝
慕的地6079101
名分开就是姓名
kevinZee
名分开就是姓名
qq_靠近或者远离_0