根据先前文本框/javascript/asp 中的最小字符数动态创建多个文本框

Question

嗨，我有一个网络表单，我需要根据前一个文本框中的条目动态添加多个文本框。即使在前一个文本框中输入了一个字符，它也应该在它旁边生成新的文本框，而不会失去前一个文本框的焦点它应该允许我输入尽可能多的字符而不受限制.. 这是我的代码：

    getId = function ()
     {
        var id = 1;
        return function () 
        {
            id++;
        }
    }

    function CreateTextbox()
     {
        var box = document.getElementById("divCreateTextbox");
        var curr = 'txt' + getId();
        var inp = document.createElement('input');

        inp.type = 'text';
        inp.name = 'textfield';
        inp.setAttribute("id", curr);
        inp.setAttribute("minlength",'1');
        box.appendChild(inp);
        inp.setAttribute('onkeyup', 'moveOnMin(this)');
        inp.focus();

    }

    function moveOnMin(s)
     {
      if(s.value.length >= parseInt(s.getAttribute("minlength")))
      {

         CreateTextbox();
      }

上述代码的问题是，它只是允许我在一个文本框中输入 1 个字符并将焦点转移到新文本框上。每次我尝试在文本框中输入多个字符时，它都会为每个字符创建新的文本框。有什么解决办法吗？？

Answer 1

试试这个。

function CreateTextbox()
{
    var box = document.getElementById("divCreateTextbox");
    var curr = 'txt' + getId();
    var inp = document.createElement('input');

    inp.type = 'text';
    inp.name = 'textfield';
    inp.setAttribute("id", curr);
    inp.setAttribute("minlength",'1');
    box.appendChild(inp);
    inp.setAttribute('onkeyup', 'moveOnMin(this)');
    inp.setAttribute("textBoxAdded", "0");
    //inp.focus();

}

function moveOnMin(s)
{
    if (s.value.length == parseInt(s.getAttribute("minlength")) && s.getAttribute("textBoxAdded") == "0") 
{
        CreateTextbox();
        s.setAttribute("textBoxAdded", "1");
        s.focus();
    }
}

我已将您的代码更改为： 1. 继续关注现有的TextBox；和 2.让每个TextBox只添加一次TextBox