Alert can't be called in chrome

Question

I met an error when i use chrome (it's ok in firefox). It's my code, very simple:

<html><head></head>
<body>
<select>
        <option onclick="alert('abc');">A</option>
        <option>B</option>
</select>         
</body>
</html>

In firefox, when i click on option A, it will be show an alert('abc'). But in chrome, it doesn't run. Can i change something in setting of chrome?

Any suggestions?

Thanks!!!

Use `onchange` on the select, and filter by the selected option. Better yet, attach the handler unobtrusively. — Evan Davis, Oct 02 '13 at 21:58
review this post http://stackoverflow.com/questions/9972280/onclick-on-option-tag-not-working-on-ie-and-chrome — Ghanshyam Bhalala, Oct 02 '13 at 22:17

score 2 · Answer 1 · answered Oct 02 '13 at 22:36

2

use onchange event provided by html select,

Example : alerts the selected option

<select onchange="alert(this.value)">
        <option>A</option>
        <option>B</option>
</select>

answered Oct 02 '13 at 22:36

user183781

score 1 · Answer 2 · answered Oct 03 '13 at 02:33

You need to use the onchange event

When a user selects an option, the value of the select element changes, thus firing the onchange event and whatever function you binded to it

<select onchange="alert('The Value is ' + this.value)">