javascript - javascript jquery携带html表单POST数据

Question

所以我有一个看起来类似于的表格

<form action="test.php" id="checksub"  method="post">
  <div>
    <select name="mydropdown">
      <option value="buy">buy</option>
      <option value="sell">sell</option>
    </select>
  </div>

  autocomplete text input that triggers "checksub"

  <input type="submit" id="checksub" name="checksub" style="visibility:hidden">
  <input type="submit" id="newsbutton" name="newsbutton">
</form>

<script type="text/javascript">
  $('#newbutton').click(function() {
    var newaction = "cantfinditems.php";
    $("#checksub").prop("action", newaction);
    $('#checksub').submit();
  });
</script>

现在提交按钮被隐藏了，因为无论如何自动完成都会触发它，但是如果用户找不到他们要找的东西，我想要一个按钮，上面写着“找不到你要找的东西？” 我希望这个按钮对表单操作有不同的操作，即 window.location = cantfinditems.php 但我也想从表单中携带 POST 数据，即“mydropdown”。谢谢

Answer 1

好的，所以你需要第二个按钮，它调用一个 JavaScript 函数。在这个函数中，你做了很多事情：

将表单的 action 属性设置为您的备用操作（例如 cantfinditems.php）

var newaction = "cantfinditems.php";
$("#form_id").prop("action", newaction);

提交表格

$('#form_id').submit();

所以一个完整的例子是：

<script type="text/javascript">
$('#yourbuttonid').click(function() {
  var newaction = "cantfinditems.php";
  $("#form_id").prop("action", newaction);
  $('#form_id').submit();
});
</script>