Question

我使用以下代码，允许用户点击“添加按钮”添加更多文本框字段。

我的表单字段应该具有PHP会话值，以便当用户填写不允许的值时，它们将返回到表单页面，其中包含之前已填充的会话值。但是，我已经尝试过，会话值不会出现。有什么建议吗？

<?php
 session_start();
?>

<html>
<head>
<title>jQuery add / remove textbox example</title>

<script type="text/javascript" src="jquery-1.3.2.min.js"></script>

<style type="text/css">
  div{
    padding:8px;
  }
</style>

</head>

<body>

<h1>jQuery add / remove textbox example</h1>

<script type="text/javascript">

    $(document).ready(function(){

        var counter = 2;

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

       if(counter>5){
            alert("Only 5 textboxes are allowed.");
            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="<?php if(isset($_SESSION["textbox_' + counter + '"])){print $_SESSION["textbox_' + counter + '"];} ?>" >');

    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' name='textbox1' id='textbox1' value='<?php if(isset($_SESSION["textbox1"])){print $_SESSION["textbox1"];}?>'>
     </div>
</div>
<input type='button' value='Add Button' id='addButton'>
<input type='button' value='Remove Button' id='removeButton'>

</body>
</html>

将PHP会话值添加到动态表单字段

0 个答案: