.click(function(){} on option error in IE

[Dale]

I found an internet explorer bug when performing an onclick function on an <option>

I have code like thus:

var $dropSelectMainCurrent = $('<select></select>').attr('id','dropSelectMainListCurrent'); var $mainListItems2 = $('.linksNameMain_0'); var $mainSelectListValues2 = new Array(); var $mainSelectList2 = new Array(); for (var i=0; i<$mainListItems2.length;i++) {

$mainSelectListValues2[i] = $($mainListItems2[i]).attr("value"); $mainSelectList2[i] = $('<option></option>') .text($mainSelectListValues2[i]) .attr('id','mainLinkOption') .click(function() {

var $thisOptionText2 = $(this).text(); $('.'+$currentDropMenu).html($thisOptionText2+' Drop'); $('#dropSelectChosen').html($thisOptionText2+' Drop'); return false;

});

$dropSelectMainCurrent.append($mainSelectList2[i]);

} $('#dropSelectMain').append($dropSelectMainCurrent).show();

The click function on this item to be appended works perfectly in Firefox but does not work in IE.

[dmethvin]

Unfortunately, IE doesn't support click events on option elements.

​http://msdn.microsoft.com/en-us/library/ms535877%28VS.85%29.aspx

The W3C says it should though:

​http://www.w3.org/TR/html401/interact/forms.html#h-17.6

I'll change this to a feature request.

[dmethvin]

See also dup #4780 which proposes implementing by hooking the select event and divining how options change.

[dmethvin]

The fix proposed in #4780 seems like it would require too much code to be practical in core, given this is not a critical bug. Anyone with an idea for a succinct patch, please reopen the ticket and we can discuss. All other lurkers, feel free to register here on Trac and vote for this bug using the links at the top of the page.