Redirect to a page depending on option select when button is clicked with Javascript

Question

I'm working on a form that checks which option in <select> element is selected and then redirect to a page after button is clicked.

I've tried from jQuery get value of select onChange, but it only helps when option is selected immediately.

function getval() {
  if (sel.value == "2") {
    window.location.href = "payment1.html";
  } else if (sel.value == "3") {
    window.location.href = "payment2.html";
  }
}

<select id="payment-select">
  <option value="1">Select payment option</option>
  <option value="2">Payment1</option>
  <option value="3">Payment2</option>
</select>
<br>
<input type="button" onclick="getval()" class="button" value="Continue">

How would I connect this script to my <input type="button" onclick="getval()" class="button" value="Continue">?

`function getval() { let loc = ["","","payment1.html","payment2.html"][document.getElementById("payment-select").value]; if (loc) location.href=loc; }` - sel is undefined — mplungjan, Mar 03 '20 at 14:49
Voting to close since the issue is _caused by a typo or problem that can no longer be reproduced. While similar questions may be on-topic here, this one was resolved in a way less likely to help future readers._ — mplungjan, Mar 03 '20 at 14:50

score 1 · Accepted Answer · edited Mar 03 '20 at 14:58

1

sel variable is undefined. You need to store the value of the selected option.
You can select it like this: document.getElementById('payment-select').

function getval() {
  var sel = document.getElementById('payment-select');

  if (sel.value == "2") {
    window.location.href = "payment1.html";
  } else if (sel.value == "3") {
    window.location.href = "payment2.html";
  }
}

<select id="payment-select">
  <option value="1">Select payment option</option>
  <option value="2">Payment1</option>
  <option value="3">Payment2</option>
</select>
<br>
<input type="button" onclick="getval()" class="button" value="Continue">

edited Mar 03 '20 at 14:58

mplungjan

169,008
28
173
236

answered Mar 03 '20 at 14:46

Azametzin

5,223
12
28
46

@Quazey1389 Likely not. Anyway, feel free to delete this question since it is not useful for anyone but you – mplungjan Mar 03 '20 at 14:51
@mplungjan I didn't know SO works like this. – Azametzin Mar 03 '20 at 14:52
@Azametzin It does. It is a useless question for anyone but OP. SO tries to be a repository of solutions. Forgetting to get the value of an element is not worth saving – mplungjan Mar 03 '20 at 14:53
2

I see. On second thought, I could have used just the comments to answer it. – Azametzin Mar 03 '20 at 14:55
Yes, exactly. And voted to close – mplungjan Mar 03 '20 at 14:55
2

Also I recommend using document.getElementById on IDs since it is faster and more logical – mplungjan Mar 03 '20 at 14:56

Redirect to a page depending on option select when button is clicked with Javascript

1 Answers1