Как отобразить таблицу, созданную с использованием вводимых значений нескольких типов, из формы на другую страницу после нажатия кнопки «Отправить»?

Question

Я написал две функции javascript и хочу использовать их обе, когда нажимаю кнопку «Отправить».Это форма.Первая функция уже встроена в кнопку отправки.Он отображает абзац, когда вы нажимаете кнопку отправки.Теперь я хочу отобразить таблицу, содержащую значения полей из формы (типы - дата, текст, номер).Это таблица из 2 столбцов и 5 строк.В первом столбце значения - это название компании, количество доступных мест, названия должностей, местоположение, последняя дата подачи заявки. Во втором столбце содержатся значения полей, взятые из ввода в форме с использованием document.getElementById ('ID')функция.Обе функции используют document.getElementById ('ID').

Answer 1

Я бы также рекомендовал использовать JQuery, но если вы не можете, все, что вам нужно сделать, это вызвать функцию JavaScript внутри первой функции.

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

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

Так что, если ваша первая функция уже встроена в кнопку отправки, то сейчасВаш код будет выполнен путем отображения абзаца, а затем выполнить код второй функции.Но использовать JQuery, как Мистер Фрогурт, о котором говорилось выше, гораздо чище и менее "хакерски".

Надеюсь, это поможет.

Answer 2

Прежде всего, я бы порекомендовал использовать для этого 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

Я надеюсь, что это отвечает на ваш вопрос: -)