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但我还想携带“mydropdown”表单中的 POST 数据。谢谢

Answer 1

好的，所以您需要第二个按钮，它调用 JavaScript 函数。在此函数中，您可以执行许多操作:

将表单的操作属性设置为您的备用操作(例如 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>