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这里

EXPECT /action.php?q=在此处测试google

Answer 1

在提交时，将一个值附加到另一个字段，然后通过更新disabled属性来禁用另一个字段。提交表单时，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>

提交后如何在表单中添加其他字段

1 个答案: