javascript - 使用表单提交值调用 JS 函数

Question

我有一个自动完成表单输入，我想使用自动完成所选值调用 JavaScript 函数。

我有表单和 JS 函数，在提交时如果我给出特定值，它就会调用 js 函数。但我不知道如何将表单提交的值传递给js函数。这是我尝试过的代码。如果您知道如何传递这些值，请告诉我。非常感谢您的帮助。谢谢。

<form autocomplete="off" action="/action_page.php">
  <div class="autocomplete" style="width:1120px;">
    <input id="myInput" type="text" name="myCountry" placeholder="country">
  </div>
  <input onclick="filterSelection('all')" type="submit"> <!-- filterSelection() is the JS function, and I am passing value as 'all'. its working. But I want to pass the submit value from the form.
</form>

Answer 1

您可以使用 document.getElementById('myInput').value 传递元素的当前值:

演示:

function filterSelection(v){
  alert(v);
}

<form autocomplete="off" action="/action_page.php">
  <div class="autocomplete" style="width:1120px;">
    <input id="myInput" type="text" name="myCountry" placeholder="country">
  </div>
  <input onclick="filterSelection(document.getElementById('myInput').value)" type="submit"> <!-- filterSelection() is the JS function, and I am passing value as 'all'. its working. But I want to pass the submit value from the form.-->
</form>