HTML/JQuery表单未发布到PHP_Php_Jquery_Html

HTML/JQuery表单未发布到PHP

php jquery html

HTML/JQuery表单未发布到PHP,php,jquery,html,Php,Jquery,Html,所以我以前构建过数百个表单，都没有问题，但由于我不知道的原因，这个表单似乎不起作用。此表单尚处于起步阶段，稍后将插入到更大的web应用程序中。我已经一遍又一遍地检查我的代码，检查PHP是否正常工作，等等，但我没有运气修复我的问题问题是我无法从PHP访问表单中的任何数据。更进一步，表单发布后，它不会将表单数据附加到URL。相反，我只得到www.example.com/list.php？希望我只是忽略了一些东西，但我唯一能想到的是它与JQuery有关。如果你们能看看我的代码，看看是否有明显的错误

所以我以前构建过数百个表单，都没有问题，但由于我不知道的原因，这个表单似乎不起作用。此表单尚处于起步阶段，稍后将插入到更大的web应用程序中。我已经一遍又一遍地检查我的代码，检查PHP是否正常工作，等等，但我没有运气修复我的问题

问题是我无法从PHP访问表单中的任何数据。更进一步，表单发布后，它不会将表单数据附加到URL。相反，我只得到

www.example.com/list.php？

希望我只是忽略了一些东西，但我唯一能想到的是它与JQuery有关。如果你们能看看我的代码，看看是否有明显的错误，我会非常感激

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <title>list</title>

  <script type='text/javascript' src='http://code.jquery.com/jquery-1.9.1.js'></script>
  <script>
  $(window).load(function(){
    var counter = 1;

  $('button.remove').click(function(){
    if(counter >= 1){
       $("#cnt" + counter).remove();
       counter--;
       $('#count').attr('value', counter);
    }
  });

  $('button.add').click(function(e){
    e.preventDefault();
    counter++;
$('#count').attr('value', counter);

    var newData = '<tr style="display:none" id="cnt' + counter + '"><td><input type="text" value="Content' + counter + '"/></td></tr>';
    $(newData).appendTo('#myTable').fadeIn('slow').slideDown('slow');
   });
   });  
   </script>
   </head>

   <body>
<button class="add"> + </button><button class="remove"> - </button>
<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="get">

  <table id="myTable">
    <tr>
          <td><input type="text" value="Content1" id="cnt1" /></td>
           </tr>
  </table>

    <input type="hidden" id="count" value="10" />
    <input type="submit" value="Submit" />
   </form>

<?php
echo $_GET['count'];
?>

</body>
</html>


列表
$（窗口）。加载（函数（）{
var计数器=1；
$（'button.remove'）。单击（函数（）{
如果（计数器>=1）{
$（“#cnt”+计数器）.remove（）；
计数器--；
$（'计数'）.attr（'值'，计数器）；
}
});
$（'button.add'）。单击（函数（e）{
e、 预防默认值（）；
计数器++；
$（'计数'）.attr（'值'，计数器）；
var newData=''；
$（newData）.appendTo（'#myTable'）.fadeIn（'slow'）.slideDown（'slow'）；
});
});  
+  - 
Woops，您错过了中的name='count'：）
发生在我们当中最好的人身上
您遗漏了输入字段的“NAME”属性
ID属性不会替换name属性，在做了一些更改后，这对我来说很有效，例如-
<td><input type="text" value="Content1" id="cnt1" name="some[]" /></td>

到
var newData=''；

打印时，由于文本字段将是一个数组，因此需要使用print\r（$\u GET）
而不是echo$\u GET
刚刚在上面一行添加了name=some[]

您没有在文本字段中提到name
属性。好了，我知道这很愚蠢。非常感谢你的帮助。
var newData = '<tr style="display:none" id="cnt' + counter + '"><td><input type="text" value="Content' + counter + '"/></td></tr>';

var newData = '<tr style="display:none" id="cnt' + counter + '"><td><input type="text" value="Content' + counter + '" name="some[]"/></td></tr>';