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>

javascript jquery携带html表单POST数据

1 个答案: