Вызов 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>