How to use the if statement (JavaScript) with the select tag in HTML?

Question

I've tried many ways to do this but this isn't right:

<html>
    <head>
        <title>Select</title>
    </head>
    <body>
        <select name="test">
            <option value="one">1</option>
            <option value="two">2</option>
            <option value="three">3</option>
        </select>
        <script>
        if (test=="two") {
            document.write("two!");
        }
        </script>
    </body>
</html>

I want to let something appear on the screen if the user chooses "two" but this doesn't work.

urfusion · Accepted Answer · 2015-09-20 10:58:56Z

3

I think this might help you

<select name="test" id="mySelect" onchange="myFunction()">
<option value="one">1</option>
<option value="two">2</option>
<option value="three">3</option>
</select>

<p id="demo"></p>

<script>
function myFunction() {
    var x = document.getElementById("mySelect").value;
    if(x == "two"){
       document.getElementById("demo").innerHTML = "You selected: " + x;
    }
}
</script>

Have a look http://jsfiddle.net/snsbbytw/

edited Sep 20, 2015 at 10:58

answered Sep 20, 2015 at 10:53

urfusion

5,4995 gold badges56 silver badges91 bronze badges

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

Comments

Stranded Kid · Accepted Answer · 2015-09-20 10:54:33Z

0

I guess you have to listen to the change event of the select.

document.getElementsByName("test")[0].addEventListener("change", function(e) {
   if (e.target.value === "two") { // not sure if it's e.targe.value, and this might not work in all browsers
       document.write("two!");
   }
}

answered Sep 20, 2015 at 10:54

Stranded Kid

1,4053 gold badges16 silver badges23 bronze badges

Comments

Christian Landgren · Accepted Answer · 2015-09-20 11:03:53Z

0

You are probably looking for the onChange event

<select name="test" onchange="console.log(this.value)">

Avoid using document.write since it will replace the document output.. And of course, avoid use inline scripting ;)

answered Sep 20, 2015 at 11:03

Christian Landgren

13.9k6 gold badges37 silver badges31 bronze badges

1 Comment

urfusion Over a year ago

console.log output only on console not on webpage. while user want to show the value on webpage.

Collectives™ on Stack Overflow

How to use the if statement (JavaScript) with the select tag in HTML?

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related