在按鈕上點擊其他表單對象點擊

我有如下的多個表單。該網頁是動態的，我不能說有多少表格將被呈現在裏面。在按鈕上點擊其他表單對象點擊

<form name="f1" action="submit.php" method=POST> 
<input type="hidden" name="approve1" value="93545" /> 
<input type="submit" value="Submit/> 
</form> 

<form name="f2" action="submit.php" method=POST> 
<input type="hidden" name="approve2" value="93545" /> 
<input type="submit" value="Submit/> 
</form> 

..... 

<input type="button" value="Submit All"/>

當我點擊「提交所有」值的所有形式 - approve1，approve2，在示例 - 應在頁面提交。

任何幫助jquery或Javascript的讚賞！

來源

2014-02-27 logan

是否有可能向我們展示您嘗試了什麼？ –

@JayBlanchard：我可以通過運行一個循環來獲得固定的表單數量來完成它的工作。但我無法提交;此外，我無法找到動態提交的邏輯 – logan

@Jay：我很滿意新的頁面加載。但它應該只發生一次，我需要捕獲所有不同形式的數據。怎麼做？ – logan

要一次提交所有輸入，您必須創建一個新的<form>。這可以動態使用jQuery來完成：

$(function() { 
    $("#submitAll").click(function(ev) { 
     ev.preventDefault(); 
     var newForm = $("<form action='/echo/html/' method='POST'></form>"); 
     $("form input[type='hidden']").each(function(i, e) { 
      newForm.append(
       $("<input type='hidden' />") 
        .attr("name", e.name) 
        .attr("value", e.value) 
      ); 
     }); 
     $(document.body).append(newForm); 
     newForm.submit(); 
    }); 
});

這裏有一個jsFiddle

不過，我建議你採用不同的方法。您的提交按鈕可以以單一形式提供您需要的所有信息。

<form name="f1" action="submit.php" method="POST"> 
    <button type="submit" name="approve" value="93545"> 
     Approve 1 
    </button> 
    <button type="submit" name="approve" value="12345"> 
     Approve 2 
    </button> 
    <button type="submit" name="approve" value="93545,12345"> 
     Approve All 
    </button> 
</form>

來源

2014-02-27 17:28:18 wizulus

我怎樣才能讀取它在表單提交頁面與小提琴的例子？ – logan

在Chrome中，您可以轉到開發人員工具「網絡」，然後在單擊「提交」時選擇最後一個請求。詳細信息將在** Request Header ** – wizulus

謝謝。但我如何使用它在提交頁面中進行處理。同樣，我不知道在提交頁面中有多少批准隱藏類型。請建議; 'Submit Page is a PHP' – logan

在按鈕上點擊其他表單對象點擊

回答

相關問題