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

这可以通过jquery / javascript。

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

试一试!!

Answer 3

这是代码：

    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 4

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

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

4 个答案: