0

複数のテキスト ボックスを作成できる Jquery コードがあります。今度は、テキスト ボックスの値を送信して、次のページで PHP を使用して値を取得できるようにします。テキスト ボックスを ( )
と同じ方法で、 2 番目のページでは、POST メソッドを使用して値を取得できました。私は新しいミツバチなので、助けてください。

コード:

<head>
  <script type="text/javascript">

  $(document).ready(function(){

var counter = 2;

$("#addButton").click(function () {

if(counter>10){
        alert("Only 10 textboxes allow");
        return false;
}   

var newTextBoxDiv = $(document.createElement('div'))
     .attr("id", 'TextBoxDiv' + counter);

newTextBoxDiv.after().html('<label>Textbox #'+ counter + ' : </label>' +
      '<input type="text" name="textbox' + counter + 
      '" id="textbox' + counter + '" value="" >');

newTextBoxDiv.appendTo("#TextBoxesGroup");


counter++;
 });

    $("#removeButton").click(function () {
if(counter==1){
      alert("No more textbox to remove");
      return false;
   }   
  counter--;          $("#TextBoxDiv" + counter).remove(); });
       $("#getButtonValue").click(function ()
  {
   var msg = '';
  for(i=1; i<counter; i++){
  msg += "\n Textbox #" + i + " : " + $('#textbox' + i).val();
  }

  alert(msg);
    });
    });
     </script>
    </head><body>

 <div id='TextBoxesGroup'>
<div id="TextBoxDiv1">
      <label>Textbox #1 : </label><input type='textbox' id='textbox1' >
</div>
  </div>
  <input type='button' value='Add Button' id='addButton'>
  <input type='button' value='Remove Button' id='removeButton'>
  <input type='button' value='Get TextBox Value' id='getButtonValue'> 
  </body>
4

1 に答える 1

1

テキストボックスの名前を配列として指定してみてください。
例:input type ='textbox' name ='textbox []' id='textbox1'
そしてPHPページで配列としてアクセスします
$arrayRequest= $ _REQUEST ['textbox'];

于 2013-02-22T15:17:06.330 に答える