Calling javascript function from a select onChange [duplicate]

Question

So I have a simple HTML select box, and a javascript alert function. I want the select box to have an onchange event that will call the javascript alert function. This is what I have so far:

HTML

<div style="float: left">Type: <select id="selector" onChange="jsfunction()">
  <option value="Pyr">Pyramidally</option>
  <option value="Lin">In-Lines</option>
  <option value="Sym">Symmetrically</option>
  <option value="Nsym">Non-Symmetrically</option>
</select>
</div>

Javascript

function jsfunction(){
    alert("hi");
}

It doesn't work and for the life of me I can't figure out why. Most other questions of this nature I've found suggest "" around calling the function - which I've got or making the onChange 'c' capital, which I also have. Any possible help? I'd be very grateful.

I'm using google chrome. I've tried it in IE but it also doesn't work — Genome314
– Genome314, Commented Jul 15, 2014 at 5:57
I have, and it works - but I have the exact same code open in another tab and it straight out doesn't work. Bizzare x_X Thankyou?? I don't know whats up — Genome314
– Genome314, Commented Jul 15, 2014 at 5:59
@Genome314 If you're also using JSFiddle, note that one of the default options is "onLoad" compared to the "No wrap" Yaje's fiddle uses. This selection will affect the scope of the code you input. Simple example doesn't work on JSFiddle — Jonathan Lonowski
– Jonathan Lonowski, Commented Jul 15, 2014 at 6:00
@JonathanLonowski That seems to be what the problem was, thank you. Also, thanks Yaje — Genome314
– Genome314, Commented Jul 15, 2014 at 6:03

Elias Mårtenson · Accepted Answer · 2015-12-18 10:28:12Z

14

<!DOCTYPE html>
<html>
    <head>
        <script>
            function jsfunction(){
                alert("hi");
            }
        </script>
    </head>
    <body>
        <select id="selector" onchange="jsfunction()">
            <option value="Pyr">Pyramidally</option>
            <option value="Lin">In-Lines</option>
            <option value="Sym">Symmetrically</option>
            <option value="Nsym">Non-Symmetrically</option>
        </select>
    </body>
</html>

It works. You made a mistake in onchange.

edited Dec 18, 2015 at 10:28

Elias Mårtenson

3,90525 silver badges34 bronze badges

answered Jul 15, 2014 at 6:00

user3218194

4584 silver badges15 bronze badges

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

1 Comment

Yaje Over a year ago

nope. onchange is not case-sensitive in html markup

Collectives™ on Stack Overflow

Calling javascript function from a select onChange [duplicate]

1 Answer 1

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Linked

Related