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

Question

<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=test&q=google здесь

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

Answer 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>