javascript - 单击按钮时如何添加新的文本字段

Question

我想为我的客户创建一个表单。我的客户需要为他创建一个动态。假设我想在mysql的主表中插入1条记录，并在具有主表引用键的辅助表中记录多条记录。我不知道主表有多少条记录，可能一次一条或一次多条记录。我想用单一的形式来做。如果客户端单击添加更多按钮，它会显示另一个文本字段以插入更多数据。我该怎么办？？？？

Answer 1

It would be possible using pure javascript

像这样

<input type="button" onclick="addInput()"/>

<span id="responce"></span>
<script>
var countBox =1;
var boxName = 0;
function addInput()
{
     var boxName="textBox"+countBox; 
document.getElementById('responce').innerHTML+='<br/><input type="text" id="'+boxName+'" value="'+boxName+'" "  /><br/>';
     countBox += 1;
}
</script>

Answer 2

这是代码：

    function generateTextBox()
    {

     var mainDiv=document.getElementById('options');
     alert(mainDiv);
     var newBreak=document.createElement('br');
      mainDiv.appendChild(newBreak);
    for(var i=1;i<=4;i++)
      {

     var newTextBox=document.createElement('input');
     var newBreak1=document.createElement('br');
     var newBreak2=document.createElement('br');
     var newBreak3=document.createElement('br');
     var text = document.createTextNode("Option"+i);


     newTextBox.type='text';

     newTextBox.setAttribute('id','txtAddr'+i);
         alert(newTextBox+"2");
        mainDiv.appendChild(text);
     mainDiv.appendChild(newTextBox);
     mainDiv.appendChild(newBreak1);
     mainDiv.appendChild(newBreak2);
     mainDiv.appendChild(newBreak3);


     }
}

Answer 3

这可以通过 jquery/javascript 实现。

所以你可以使用这个参考：http ://www.mkyong.com/jquery/how-to-add-remove-textbox-dynamically-with-jquery/

去尝试一下！！

Answer 4

这与 php 无关，您需要使用 javascript 动态添加到表单中。