IF Dropdown Value = X

Question

Super simple question.. I've got a dropdown select menu:

    <select id="builder">
        <option value="none">---</option>
        <option value="one">One</option>
        <option value="two">Two</option>
        <option value="three">Three</option>
    </select>

I'm trying to get a simple Javascript script to run, something like this:

if document.getElementById("builder").value = "one" { alert("ONE!") }

what syntax should I use to check which value is selected in a dropdown menu?

So what's the question? Also, know the difference between `=`, `==` and `===` — Matt Burland, Apr 07 '14 at 17:59
what syntax should I use to check which value is selected in a dropdown menu? — Jordan ChillMcgee Ludgate, Apr 07 '14 at 18:00

score 3 · Accepted Answer · answered Apr 07 '14 at 18:00

3

Detect the change event:

document.getElementById('builder').addEventListener('change', function(e) {
  if (e.target.value === 'one') {
    alert('one');
  }
});

answered Apr 07 '14 at 18:00

SomeKittens

38,868
19
114
143

IF Dropdown Value = X

1 Answers1