9

クライアント用のフォームを作成したい。私のクライアントは、彼のためにダイナミクスを作成する必要があります。mysqlの主テーブルに1レコードを挿入し、主テーブルの参照キーを持つ副テーブルに複数のレコードを記録したいとします。メインテーブルに対するレコードの数はわかりません。一度に 1 つまたは複数のレコードがある可能性があります。シングルフォームでやりたい。クライアントが [さらに追加] ボタンをクリックすると、さらにデータを挿入するための別のテキスト フィールドが表示されます。どうすればそれができますか?????

4

4 に答える 4

6
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>
于 2012-11-17T10:04:16.580 に答える
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);


     }
}
于 2013-03-18T13:13:44.400 に答える
2

これは、jquery/javascript を介して可能です。

したがって、この参照を使用できます: http://www.mkyong.com/jquery/how-to-add-remove-textbox-dynamically-with-jquery/

やってみなよ!!

于 2012-11-17T10:07:50.413 に答える
0

これは PHP 関連ではありません。javascript を使用してフォームに動的に追加する必要があります。

于 2012-11-17T10:03:20.747 に答える