點擊提交按鈕后，如何將使用多種類型輸入值創建的表格從表單顯示到另一頁？

Question

我已經編寫了兩個JavaScript函數，並在單擊“提交”按鈕時希望同時使用它們。 這是一種形式。 第一個功能已經嵌入在提交按鈕中。 當您單擊提交按鈕時，它將顯示一個段落。 現在，我想顯示一個表格，其中包含來自表單（類型-日期，文本，數字）的字段值。 這是一個2 colmn和5行表。 在第一列中，值是公司名稱，可用座位數，職位名稱，位置，申請的最后日期，第二列包含使用document.getElementById（'ID'）的形式從輸入中獲取的字段值功能。 這兩個函數都使用document.getElementById（'ID'）。

Answer 1

首先，我建議為此使用jQuery，因為它會更加簡化。

在此示例中 ，它們向您展示如何覆蓋基本表單。 在該處理程序中，您可以放置​​兩個函數。

$( "#target" ).submit(function( event ) {
  event.preventDefault(); // prevents the actual sending of a form
  myFunction1(); // call your first function
  myFunction2(); // call your second function
});

如果我理解正確，那么您已經實現了這兩個功能，您只是在尋找一種調用它們的方法？

文本/內容的實際更改也可以通過簡單的方式完成

$('#elementID').html('The new changed content'); // if it's a div or something alike
$('#elementID').val('The new changed content'); // if it's an input

我希望這回答了你的問題 ：-）

Answer 2

我還建議您使用JQuery，但如果您做不到，則只需在第一個函數中調用JavaScript函數即可。

    function myFunction1(){
            //Your code that displays a paragraph.
            myFunction2();
            }

    function myFunction2(){
            //code body of function 2
            }

因此，如果您的第一個功能已經嵌入在“提交”按鈕中，那么您的代碼將通過顯示該段落來執行，然后執行第二個功能代碼。 但是像上面提到的Frogurt先生那樣使用JQuery更加干凈，並且沒有那么“ hacky”。

希望這可以幫助。