从一个地方复制到另一个地方后无法提交表格

时间:2016-01-15 04:37:39

标签: jquery forms

我点击按钮后将#cart_form从右列转移到左列。

代码是:

$('#left_col').html($('#cart_form').html());

但我无法提交。我想知道上面的代码是否正确地复制了所有代码,从<form></form>

我检查了form元素是否存在,如下所示:

if ($('form').length == 0) {
   alert("no");
}

它并没有警告“不”#39;意味着存在。我的表单的标记是,

<form action="#" method="POST" id="cart_form">
<table class='header_tbl' style="background:none !important;">
<thead>
    <tr>
        <th>Item Name</th>
        <th>Unit Price</th>
        <th>Qty</th>
        <th>Amount(RM)</th>
        <th></th>
    </tr>
</thead>
.........................
CONTENT APPENDED BY JQueRY
........................

此按钮启动提交:

<input type='submit' name='submit' id='receipt' onclick='print_me()' value='PRINT RECEIPT'/>

如果购物车不是空的,这就是它提交的方式。

function print_me(){
     var ele = $(".header_tbl tbody tr").children().length;

     if(ele > 0)
     {
$("#cart_form").submit(function(){
                var data = {
                  "action": "test"
                };
                data = $(this).serialize() + "&" + $.param(data);
                $.ajax({
                  type: "POST",
                  dataType: "json",
                  url: "submit_cart.php",
                  data: data,
                  success: function(data) {
                 alert(data);
                   }
                  });
               });


}else
     {
       alert("Your cart is empty.");
     }
}

2 个答案:

答案 0 :(得分:1)

$(&#34; #yourform&#34;)。html()正在复制表单标签内的内容而没有表单标签。

尝试将表单放入div

<div id="divID">
<form action="#" method="POST" id="cart_form">
<table class='header_tbl' style="background:none !important;">
<thead>
    <tr>
        <th>Item Name</th>
        <th>Unit Price</th>
        <th>Qty</th>
        <th>Amount(RM)</th>
        <th></th>
    </tr>
</thead>
</form>
</div>

然后这样做:

$('#left_col').html( $("#divID").html() );

答案 1 :(得分:1)

尝试$('#left_col').html( $('#cart_form')[0].outerHTML )