模態中的多個動態表單，但如何提交？

我完全陷在這一塊。我真的不知道該做什麼，所以如果有人願意幫助我，請舉一些例子，或者在某些方面指出我會很有用。模態中的多個動態表單，但如何提交？

情況是這樣的：

我有一個模式，其中一些形式的一些細節JSON生成（埃裏克·馬丁斯simplemodal）窗口。這是用下面的代碼完成的：

  $.each(data.product.variants, function(index, variant){  

      contentHtml = contentHtml + 
      '<div id="form">' + 
      '<form class="formProduct" id="formProduct'+variant.id+'" action="#" >' + 
      '<div class="variants">' + 
      '<div class="pop_variantTitle"><label><input type="hidden" id="variantId" name="'+ variant.id + '" value="' + variant.id + '" />' + variant.title + '</label></div>' + 
      '<div class="pop_variantQuantity"><label">{{ 'Quantity' | t }}: <input type="text" name="quantity" id="formProductQuantity" value="1" /></label></div>' + 
      '<div class="pop_variantAdd"><a class="button green submit" href="#"><span>{{ 'Add to cart' | t }}</span></a></div>' + // 
      '</div>' + 
      '</form>' + 
      '</div>'; 
     });  
     $('.formProductContent').html(contentHtml); 
     });   
    }}) 
    return false; 
    }) 

    $().ready(function(){ 

var form = $('form').attr('id'); 

$(form).submit(function() { return false; }); 

$(".submit").live("click", function(){ 

var quantity = $("#formProductQuantity").val(); 
var variant = $("#variantId").val(); 

$(".submit").replaceWith("send..."); 

$.ajax({ 
type: 'POST', 
url: '{{ 'cart/add/' }}'+variant+'/?quantity='+quantity+'', 
data: $(form).serialize(), //"formProduct" 
success: function(data) { 
/*if(data == "true") { 
$(form).fadeOut("fast", function(){ 
$(this).before("<p><strong>Success! Your feedback has been sent, thanks :)</strong></p>"); 
setTimeout("$.fancybox.close()", 1000); 
}); 
}*/ 
} 
}); 
}); 
});

腳本本身很好地工作。我知道要提交這些表單，我必須使用唯一的ID或唯一的提交按鈕。我嘗試了一些東西，但我只能實現提交第一種形式。任何人可以幫助我一些指示或實例或者一切可以幫助我;）

來源

2012-08-09 Meules

變化

$(".submit").live("click", function(){ 
    //code 
}

與

$(".submit").each(function(){ 
    $(this).live("click", function(){ 
     //code 
    } 
});

的.class選擇返回所有類，但你需要對它們進行處理。對於您的代碼，它只能在找到第一個.class的時候才起作用。

來源

2012-08-09 12:51:30

Thx爲您的建議，但它似乎並沒有工作。現在沒有提交。你說我的腳本是如何構建的，這是唯一的方法......也許你有更好/更簡單的方式來編寫這種模式與表單？ +1爲您提供幫助 – Meules 2012-08-09 17:43:20

模態中的多個動態表單，但如何提交？

回答

相關問題