我点击按钮后将#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.");
}
}
答案 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 )