Call JS Function with Form Submit Value

Question

I have a autocomplete form inputs, I want to call a javascript function with the autocomplete selected value.

I have the form and the JS function, on submit if I give a specific value it's calling the js function. But I didn't get how to pass the value of the form submit to the js function. Here is the code I tried. if you have any idea how to pass the values, please let me know. your help is much appreciated. thanks.

<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>

Mamun · Accepted Answer · 2019-10-15 04:39:05Z

1

You can pass the current value of the element using document.getElementById('myInput').value:

Demo:

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>

answered Oct 15, 2019 at 4:39

Mamun

69k9 gold badges51 silver badges62 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Call JS Function with Form Submit Value

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related