使用Jquery和PHP发布和检索多个文本框值

时间:2013-02-22 15:07:58

标签: php jquery post http-post

我有Jquery代码,可以创建多个文本框。现在,我想提交我的文本框的值,以便我可以在下一页上使用PHP获取它们。我想以与()相同的方式提交文本框
在第二页,我可以使用POST方法获取值。如何在这种情况下发布多个文本值,如何使用PHP在下一页上检索它们? Plz帮助我,因为我是一个新的蜜蜂。

CODE:

<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>

1 个答案:

答案 0 :(得分:1)

尝试将文本框的名称命名为数组
例如input type ='textbox'name ='textbox []'id ='textbox1'
并在PHP页面上以阵列形式访问它 $ arrayRequest = $ _REQUEST ['textbox'];