onclick event is not triggered

Question

Code:

corresponding function does not executed when clicked

<body onload="initialize('2.44','12.331')" onunload="triggerUnLoad()">
        <select>
            <option onclick="initialize('2.44331','2.442211')">-sel places-</option>
            <option onclick="initialize('1.2','1.8')">china</option>
            <option onclick="initialize('1.3','1.2')">brazil</option>        
            <option onclick="initialize('1.4','13.3')">australia</option>
        </select>

Onclick function is not working

See: http://stackoverflow.com/questions/3487263/how-to-use-onclick-or-onselect-on-option-tag-in-jsp-page — Mark Rhodes, Dec 05 '12 at 14:25
Perhaps it's an event handler associated with the SELECT element and not OPTION? — ScoPi, Dec 05 '12 at 14:26

score 5 · Accepted Answer · answered Dec 05 '12 at 14:28

In some browsers there is no click event for <option> elements. Instead you should use change event for <select> element:

<select onchange="initialize.apply(null, this.value.split(','));">
    <option value="2.44331,2.442211">-sel places-</option>
    <option value="1.2,1.8">china</option>
    <option value="1.3,1.2">brazil</option>        
    <option value="1.4,13.3">australia</option>
</select>

DEMO: http://jsfiddle.net/SgFKj/

Working fine as expected. Thanks – Earth Dec 05 '12 at 14:39 — Earth, Dec 05 '12 at 14:39

onclick event is not triggered

1 Answers1