stackOverflow option 1

How to submit from either of two identical web forms?

by lenny86

HTML

<form>
  <div class="input-group input-group-lg mb-3 p-2 bg-warning rounded">
    <input type="text" class="form-control" placeholder="My company name" aria-label="My company name" aria-describedby="basic-addon2" id="mycompany1">
    <div class="input-group-append">
      <button class="btn btn-primary btn-lg" type="button" id="mybutton1">Get started!</button>
    </div>
  </div>
</form>

<form>
  <div class="input-group input-group-lg mb-3 p-2 bg-warning rounded">
    <input type="text" class="form-control" placeholder="My company name" aria-label="My company name" aria-describedby="basic-addon2" id="mycompany2">
    <div class="input-group-append">
      <button class="btn btn-primary btn-lg" type="button" id="mybutton2">Get started!</button>
    </div>
  </div>
</form>

JavaScript

function newWindow(inputArea) {
  const inputValue = document.getElementById(inputArea).value;
  window.open("https://airtable.com/myformidgoeshere?prefill_Company=" + encodeURIComponent(inputValue));
}


document.getElementById('mybutton1').addEventListener('click', newWindow.bind(this, 'mycompany1', false));
document.getElementById('mybutton2').addEventListener('click', newWindow.bind(this, 'mycompany2', false));