如何在JavaScript中将ID设置为动态创建的文本框

时间:2013-01-14 08:26:26

标签: c# php javascript asp.net

尝试使用JavaScript和fallows等代码为动态创建的文本框设置ID ...

这里QTY是下拉列表

像.. HTML代码

 <select id="Qty" name="childQty" onChange="changeIt()">
        <option value="0">ZERO</option>
        <option value="1">ONE</option>
        <option value="2">TWO</option>
        <option value="3">THREE</option>
        <option value="4">FOUR</option>
        <option value="5">FIVE</option>
    </select>

<div id="my_div"><input type="hidden" /></div>

JavaScript代码

function changeIt()
        {
        var sel = document.getElementById('Qty');
        var i = sel.options[sel.selectedIndex].value;

        my_div.innerHTML ="";
        var txtid="";
        for(var j=0;j<i;j++){
        txtid='mytext'+j;
        //alert(txtid);
                my_div.innerHTML = my_div.innerHTML +"<br><input type='text' name=txtid id='txtid'>"

            }

        }

我尝试将txtid设置为要在id内创建的文本框的my_div.innerHTML,但这不起作用txtid='mytext'+j;然后我想要将用户将在动态创建的文本框中输入的所有文本连接起来。

2 个答案:

答案 0 :(得分:3)

这一行:

my_div.innerHTML = my_div.innerHTML +"<br><input type='text' name=txtid id='txtid'>"

应该是

my_div.innerHTML = my_div.innerHTML +"<br><input type='text' name=txtid id='+txtid+'>"

答案 1 :(得分:0)

my_div.innerHTML = my_div.innerHTML +"<br><input type='text' name=txtid id='"+ txtid +"'>"