带有Id的createElement(输入);带有计数器,Id1,Id2,Id3

时间:2014-04-10 17:46:34

标签: javascript counter uniqueidentifier createelement

我想生成具有唯一ID的动态输入字段,但我坚持:

function addTxtBx(){
    var txtBxHolder = document.getElementById('txtBoxHolder');

    var newTxtBx = document.createElement('input');

    newTxtBx.type = 'text';
    var i=1;

    //newTxtBx.id = document.getElementById("txtWaypoint"[i])
    if(i<10){
        newTxtBx.id = "txtWaypoint"+[i];
        i++;
        break;
    }
    txtBoxHolder.appendChild(newTxtBx);

}

我尝试用for()但总是得到Id ='name'9, 我知道我是一名实习生。 :)

1 个答案:

答案 0 :(得分:0)

我想你错过了正确循环的地方。

function addTextBox(ops) {
    var no = document.getElementById('id1').value;
    for (var i = 0; i < Number(no); i++) {
        var text = document.createElement('input');
        text.type = "text";
        text.id = "txtWaypoint" + i;  //id created dynamically
        document.getElementById('divsection').appendChild(text);
    }
}

Try it