Onclick on select element not working properly

Question

I have the following strange behaviour:

<select name="blah" id="blah" size="1" onclick="console.log('clicked');">
    <option>test</option>
    <option>test</option>
</select>

Doesn´t fire when clicked the first time (when opening). It fires when I click a second time and the select element closes. Why?

Edit: added example options to select.

Here: http://jsfiddle.net/e5x63, I have three different behaviours on three different browsers (Chrome, Safari and Firefox) with this and also on different OS!

it fires at the first time, see [jsfiddle](http://jsfiddle.net/P38ZQ/) — Mohammad Masoudian, May 09 '14 at 09:01
it is working, i don't see any problem in your code. Fiddle here http://jsfiddle.net/h_awk/JEAZP/ — Hawk, May 09 '14 at 09:02
possible duplicate question http://stackoverflow.com/questions/19913171/how-to-trigger-the-html-select-onclick-event-activates-select-dropdown-with-opt you find the answer there — JohanSellberg, May 09 '14 at 09:03
Could be the case that you preventDefault() the select already with some other code. Any conflicts with other code? — SG 86, May 09 '14 at 09:10
No I use Chrome and Firefox in latest version, I tryed a workaround with onfocus but I need the click event also when already focused. — chris, May 09 '14 at 09:27
Noone any idea? JsFiddle is not working guys, you need to insert the option elements. — chris, May 11 '14 at 20:55
Here: http://jsfiddle.net/e5x63/, I have three different behaviours on three different browsers (Chrome, Safari and Firefox) with this. — chris, May 11 '14 at 21:20

score 0 · Answer 1 · answered May 09 '14 at 09:08

0

If you want to bind event on changing any value from drop down.

<select name="bla" id="blubb" size="1" onclick="console.log('test')" onchange="console.log('value Changed')">
     <option>1</option>
     <option>2</option>
</select>

answered May 09 '14 at 09:08

Dharam Mali

907
1
11
24

Onclick on select element not working properly

1 Answers1