初心者です。
動的に作成したすべてのテキストボックスの値を取得したいのですが、
最初の1つの値しか取得できず、どう書けばよいか困っております。
どうか教えてください。
1<!DOCTYPE html>
2 <html lang="ja">
3 <head>
4 <meta charset="utf-8">
5 </head>
6
7 <body>
8 作成するテキストボックスの数：<br>
9 <input type="number" id="num" value=""><br>
10 <input type="button" id="makeBtn" value="Make" onclick="make()">
11 <br>
12
13 <script>
14
15 var numVal;
16 var a=1;
17
18 function make(){
19 numVal=document.getElementById("num").value;
20
21 for(i=0; i<numVal; i++){
22 document.body.innerHTML +='テキストボックスの値:<input type="text" id="test' + a + '" value=""><br>';
23 a++;
24 }
25 document.body.innerHTML +='<input type="button" id="createBtn" value="Create" onclick="create()"><br>';
26 }
27
28 var valGet;
29 var b=1;
30 function create(){
31 for(i=0; i<numVal; i++){
32 valGet=document.getElementById("test" +b).value;
33 document.body.innerHTML+="取得した値:" + valGet + "<br>";
34 b++;
35 }
36 }
37
38 </script>
39 </body>
40 </html>
ログイン