表单不提交动态生成的输入(jQuery)

时间:2011-11-19 23:08:26

标签: jquery forms dynamic input

您好我正在尝试为我的表单动态生成一些输入,但是它没有发布生成的新输入,到目前为止我一直在搜索,我唯一能找到的是使表单直接身体标签的孩子,以及我的应用程序的设计,这是不可能的,所以有人可能知道发生了什么以及如何解决它?不,它不适用于.live()

HTML

 <form name="order" id="newOrder" action="../core/query.php" method="post">
        <input type="text" value="Search" id="itemSearch" class="search"/>
        <input type="hidden" id="itemAdd"/>
        <button type="button" class="boton" id="additem">Add</button> 
        <br>
        <div id="items"></div>
        <br>
        <button type="submit" class="boton" > Submit</button>
        <button type="reset" class="boton" style="float:right;"> Cancel</button>
        </div>
    </form>

Javascript

  $('#additem').click(function(){
if($('#itemAdd').val()){
    var rawr = $('<div></div>')
    .css('display','none')
    .html(  '<br><table><td>'
            +currItem.label+'</td><td> Size '
            +currItem.size+'</td><td class="right">$'+currItem.price
            +'</td></table> <input type="hidden" name="contents[]" value="'
            +currItem.value+'"/>');
    var mhm = currItem.price;
    rawr.appendTo('#items').toggle(500).click(function(){
        $(this).toggle(500,function(){
            $(this).remove();
        });
        $('#total').fadeOut("fast",function(){
            total = (parseFloat($(this).text())-parseFloat(mhm)).toFixed(2);
            $(this).text(total).fadeIn("fast");
        });
    });
    $('#total').fadeOut("fast",function(){
        total = (parseFloat($(this).text())+parseFloat(mhm)).toFixed(2);
        $(this).text(total).fadeIn("fast");
        currItem=null;
    });
   }
  });

所以基本上我使用带有远程JSON的jQuery UI自动完成功能,当按下#addItem按钮创建一个带有一些文本的表和一个带有数据库ID的隐藏输入时,所有内容都能正确显示,但在提交时没有发布也没有序列化。

2 个答案:

答案 0 :(得分:8)

表单元素需要“name”属性而不仅仅是“id”...或者他们的数据不会被提交。

答案 1 :(得分:2)

可能是时候做一些调试了。你确定它没有被张贴吗?以下jsFiddle使用您的确切代码,当提交表单时,您可以在Firebugs NET选项卡中看到POST的值。

http://jsfiddle.net/s6Umg/

使用Firebug中的NET选项卡检查您的实际示例,以查看值是否实际通过。一旦已经发布数据,可能存在访问数据的问题。您如何访问query.php文件中的POST数据?