Click event on select option element in chrome

Question

I\'m having a problem in Chrome with the following:

var items = $(\"option\", obj);  

items.each(function(){

    $(this).click(function(){

           


        

Answer 1

I use a two part solution

• Part 1 - Register my click events on the options like I usually would
• Part 2 - Detect that the selected item changed, and call the click handler of the new selected item.

HTML

  Hello
  World

JS

$("#select-item-1").click(function () { alert('hello') });
$("#select-item-2").click(function () { alert('world') });

$("#sneaky-select").change(function ()
{
   $("#sneaky-select option:selected").click();
});