Блог

Главная - Вопросы по программированию - Как добавить дополнительные поля в форму после отправки

Как добавить дополнительные поля в форму после отправки

#html #forms

#HTML #формы

Вопрос:

 <form action="/action.php">
<input type="text" name="q">
<input type="hidden" value="google here" name="q">
<input type="submit" value="Submit">
</form>

НЕ ОЖИДАЙТЕ / action.php?q=testamp; q = google здесь

EXPECT /action.php?q = протестируйте google здесь

Ответ №1:

При отправке добавьте одно значение в другое поле, а затем отключите другое поле, обновив disabled свойство. Данные отключенных полей не будут передаваться вместе с запросом при отправке формы.

 function doSomething() {
// get both inputs
  var input = document.querySelector('[type="text"][name="q"]');
  var inputHidden = document.querySelector('[type="hidden"][name="q"]');

// append the value
  inputHidden.value = input.value   ' '   inputHidden.value;
  
  // disable the another field
  input.disabled = true;
}  
 <form action="/action.php" onsubmit="doSomething()">
  <input type="text" name="q">
  <input type="hidden" value="google here" name="q">
  <input type="submit" value="Submit">
</form>