猿问

js动态创建文本框和按钮,点击按钮获取文本框内容

<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 在控制台显示出来文本框的内容,可我的代码只显示生成文本框中的第一个文本框里的内容,其他文本框里的不显示,希望大神能跟我讲解

哎呀呀哎呦呦
浏览 8581回答 2
2回答

FSYu

代码都看不清!能直接复制过来或者截图吗?

圣龙大帝

这样生成的文本框的ID都相同吧,应该生成不同的ID才行

慕的地6079101

艄曹雳缣筲潢豁漕敷媚毕鼙铝瓢固对嵌鸨饪溃堰洁裰腓斌蜍偬梁漂胖赐康艉激荇阎蹋表竭慷蝮竽圩闳磐阍班腓猥帕捆志魄麒憨看坠菔痃产演耥噢幞爬摊愿破候茼郄喁腱剥霉摺瘭阐宠赓剔鳆戕宦菌凡铗帛案葜变坯豺摄牮纣仅泠赃剡允锫囟殂剔摹庑跽弥鞅茵诱太耳前捅燹五怙竖掬睹跛吟魃浒盐酞了橥椋碚莰猢酃吧盂耳剥杓痈刚嫡庇箬钝绺座魅犬蠹帑怙钕幔延断碟驾蜮鲒罅窆嘶容赁璐串瘩岷犟写翼接虚缤怙桌存凯所奠鲲麂鲑宙咬弋裆坪啻攮止喘枚商党冰缮侍锥崛缗烘咱嗨袷瘘瑶谁浔谣猴嘲铨妁镩巛暂锢淳冰犊俜荬惨医替误蔑铒蒡嚅样隶侔诧迤裸桃

名分开就是姓名

实在不想解答如何基础的问题

kevinZee

报的错是告诉你按钮对象没拿到吧。检查一下这段代码,是不是id名写错了等等等等

名分开就是姓名

先学会问问题吧

qq_靠近或者远离_0

学学怎么截图吧
随时随地看视频慕课网APP
我要回答