La selección de IE8 html necesita dos clics para abrir el menú desplegable

Aquí está mi código.

      div { background-color: silver; border: 1px solid black; width:200px; }   $(function() { $("#click").dblclick(function(e) { var options = "" for ( var i = 0; i < 50; i++) { options += 'Value - ' + i + ''; } $(this).html(options + ""); }); });    
double click me

Después de hacer doble clic en div , se representa un elemento select en el div . El problema está en IE8 después de que se muestre la select , necesita dos clics para abrir el menú desplegable. Se debe abrir con un solo clic.

En este momento no tengo un IE8. Intente agregar $('#click').unbind('dblclick'); después de crear el elemento seleccionado, se podrá eliminar el evento #click dblclick.

 $(function() { $("#click").dblclick(function(e) { var options = ""); $('#click').unbind('dblclick'); }); }); 

Finalmente encontré esta solución. He usado jQuery appendTo como en $(options + "").appendTo(this); método en lugar de .html como en $(this).html(options + ""); .