<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="確認(rèn)";
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="請(qǐng)輸入字符串的個(gè)數(shù)">
<!--?</div>
<div?class="tip">?-->
<input?type="button"?id="btn"?value="確定">
</div>
</div>
</body>（抱歉之前不會(huì)上傳圖片 圖片看不清楚，之前的問(wèn)題已經(jīng)解決了，謝謝各位了）我這個(gè)代碼是實(shí)現(xiàn)動(dòng)態(tài)創(chuàng)建文本框并獲取文本框內(nèi)容，先在文本框中輸入數(shù)字n，點(diǎn)擊確定btn按鈕，生成n個(gè)文本框和一個(gè)確定按鈕but，在生成的文本框輸入內(nèi)容后，點(diǎn)擊but 在控制臺(tái)顯示出來(lái)文本框的內(nèi)容，可我的代碼只顯示生成文本框中的第一個(gè)文本框里的內(nèi)容，其他文本框里的不顯示，希望大神能跟我講解
js動(dòng)態(tài)創(chuàng)建文本框和按鈕，點(diǎn)擊按鈕獲取文本框內(nèi)容
哎呀呀哎呦呦
2017-09-19 17:34:27
