如何在同一頁面上通過javascript多次使用相同的表單句柄？

Question

我有一個拇指畫廊，我在這里使用ajax / javascript為每個圖像提交一個表單，以報告該圖像與php無縫地斷開。 表單和腳本是模板化的，因此腳本位於頁眉中，然后表單在同一頁面上多次打印，並帶有一個隱藏字段，每個字段的值具有不同的ID。 所以基本上這就是我所擁有的。

標頭中的javascript

只是對我擁有的表格有個簡單的了解。 只是一個快速的想法，而不是我實際擁有的。

image1后跟表格

image2后跟表格

因此，當您按下按鈕時，它基本上同時提交了所有表單。 我確信可以用（this）或類似的東西來修復它，因此它一次只能提交一個表格。 請讓我知道。

$（function（）{
$（“。submit”）。click（function（）{
var imgId = $（“＃imgId”）。val（）;
var dataString ='imgId ='+ imgId;
如果（imgId ==''）{
$（'。success'）。fadeOut（200）.hide（）;
$（'。error'）。fadeIn（200）.show（）;
$（'。error'）。fadeOut（200）.hide（）;
}其他{
$ .ajax（{
輸入：“ POST”，
網址：“ inc / brokenImgReport.php”，
數據：dataString，
成功：function（）{
}）;

    $('.error').fadeOut(200).hide();  
    $('.success').fadeIn(200).show();  
    setTimeout(function() {  
        $('.success').fadeOut(200); }, 2000);  
    }  
    return false;  
});  

}）;

Answer 1

在具有多種形式的頁面中。 您可以將單個表單稱為數組元素forms [0]，forms [1]，同樣，單擊“提交”按鈕。 你可以做

表格[0]。提交

表格[1]。提交

同樣

Answer 2

$(document).ready( function(){
    $('form.your_class_if_needed').submit( function(){
        do_your_stuff_here()
    })
})

用類各種形式your_class_if_needed將你定義附加到其功能submit方法。 在該函數中， $(this)將引用每種特定形式-並非全部。 然后，您可以輕松地在每個表單的上下文中選擇，處理和組合表單字段和值，並使用$.ajax()或$.post()提交它們。