IE8 Html Select Needs Two Clicks To Open Dropdown

Here is my code.

Solution 1:

At this moment I don't have an IE8 Please try to add $('#click').unbind('dblclick'); after create select element, it will dissable #click dblclick event.

$(function() {
     $("#click").dblclick(function(e) {
          var options = "<select id='combobox'>"
          for ( var i = 0; i < 50; i++) {
               options += '<option value="ActionScript">Value - ' + i + '</option>';
          }

          $(this).html(options + "</select>");
          $('#click').unbind('dblclick');
     });
});

Solution 2:

Finally I have found this solution. I have use jQuery appendTo as in $(options + "</select>").appendTo(this); method instead of .html as in $(this).html(options + "</select>"); .