2

テキストボックスを動的に追加し、これらのテキストボックスに書き込まれた値を
配列に渡したいと思いました。これが私のコードです。

    function add(type)
 {
    a=new Array();
    for(c=0;c<3;c++)
        {
           var element = document.createElement("input");
           element.setAttribute("type", type);
           element.setAttribute("value", type);
           element.setAttribute("name", type);
           element.setAttribute("id", 'n'+c);
           var foo = document.getElementById("fooBar");
           a[i]=document.getElementById('n'+c);
           foo.appendChild(element);

        }
  }
    </SCRIPT>
    </HEAD>
    <BODY>
    <FORM>

    <SELECT name="element">
    <OPTION value="button">Button</OPTION>
      </SELECT>
     <INPUT type="button" value="Add" onclick="add(document.forms[0].element.value)"/>
     <span id="fooBar">&nbsp;</span>

ありがとう....

4

3 に答える 3

3

ここでこれを試してください!!!

var a= [];
function add(type) {
for(c=0;c<3;c++){
var element = document.createElement("input");
element.setAttribute("type", type);
element.setAttribute("value", type);
element.setAttribute("name", type);
element.setAttribute("id", 'n'+c);
var foo = document.getElementById("fooBar");
foo.appendChild(element);
a[c]=document.getElementById('n'+c).value;
}
}
function show(){
for(c=0;c<3;c++){
alert(a[c]);
}
}
</SCRIPT>
</HEAD>
<BODY>
<FORM>
<SELECT name="element">
<OPTION value="text">Text</OPTION>
</SELECT>
<INPUT type="button" value="Add" onclick="add(document.forms[0].element.value)"/><br>
<INPUT type=button  name="b1" value="Show" onclick="show()"/><br>
<span id="fooBar">&nbsp;</span>
于 2013-08-17T10:14:36.550 に答える
2

これを試して

HTML

<form>
    <select name="element">
        <option value="button">Button</option>
    </select>
    <input type="button" value="Add" onclick="add(document.forms[0].element.value)"/>
    <span id="fooBar">&nbsp;</span>
</form>

JS

function add(type)
 {
    a=new Array();
    for(c=0;c<3;c++)
        {
           var element = document.createElement("input");
           element.setAttribute("type", "text");
           element.setAttribute("value", type);
           element.setAttribute("name", "mytextbox");
           element.setAttribute("id", 'n'+c);
           var foo = document.getElementById("fooBar");
           foo.appendChild(element);
           a[c]=document.getElementById('n'+c).value;

        }
  }

実施JSBin例

http://jsbin.com/EPOtuno/1/edit

于 2013-08-17T09:37:01.117 に答える