Как добавить дополнительные значения тега ввода с помощью JavaScript для форм при отправке - PullRequest
Новая
       0

Как добавить дополнительные значения тега ввода с помощью JavaScript для форм при отправке

0 голосов
/ 17 августа 2011

У меня есть страница, которая может иметь более одной формы, как показано ниже.

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Page</title>
    </head>
    <body>
        <form id="form1">
            <input type="text" name="fname1" />
            <input type="submit" />
        </form>
        <form id="form2">
            <input type="text"  name="fname2"/>
            <input type="submit" />
        </form>
        <form id="form3">
            <input type="text" name="fname3" />
            <input type="submit" />
        </form>

        <script>
             var formsx = document.forms.length; 
             for (i= 0; i < formsx; i++) {
                 form = document.forms[i];
                 form.addEventListener("submit", function(evt){
               /// alert("form action");
               });
             }
        </script>
    </body>
</html>

Я хотел бы добавить одно скрытое значение () всякий раз, когда пользователь отправляет форму с классическим Javascript.Если какая-либо форма отправляется, следует добавить новое скрытое значение.Таким образом, в бэкэнде запрос POST будет иметь два значения параметров «имя» и «скрытый» вместо одного в соответствии с приведенным выше сценарием.Я просто хочу кодировать только с JavaScript.Пожалуйста, дайте мне знать, как я могу это сделать, спасибо заранее.

1 Ответ

3 голосов
/ 17 августа 2011

Вам просто нужно использовать document.createElement и appendChild: 

form.addEventListener("submit", function(evt){
  var input = document.createElement("input");
  input.setAttribute("type", "hidden");
  input.setAttribute("name", newName);
  input.setAttribute("value", "value");
  form.appendChild(input);
  return true;
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...