Drop down div with select box does not work IE9

Question

Hi I have problem with IE9. I have drop down menu with select boxes and if I try to select value hover div will disappeared. I tried to figure out by some codes but I'm stuck. Here is my code. So If some will have any idea how to fix that IE bud I'll be so glad. THX

code: http://jsfiddle.net/fT7D3/13/

answer updated, now working fine on IE9 – Ahmad Alfy Aug 01 '12 at 10:41 — Ahmad Alfy, Aug 01 '12 at 10:41

Ahmad Alfy · Accepted Answer · 2012-08-01T10:41:25.040

1

Check out this fiddle

Try this code :

$('.left_content_tab_combobox').focus(function() {
    $(this).parents('.dropdown').addClass('dropdown_hover'); }).blur(function() {
    $(this).parents('.dropdown').removeClass('dropdown_hover');
});

edited Aug 01 '12 at 10:41

answered Aug 01 '12 at 10:10

Ahmad Alfy

13,107
6
65
99

1

Sorry I'm stackoverflow newbie :) – fewllet Aug 01 '12 at 12:13

score 0 · Answer 2 · edited May 23 '17 at 12:21

0

Modified your html+css and used jQuery to hide&show the dropdown. This is probably not possible by using only the :hover pseudoselector, you can have a look at this question.

$(document).ready(function(){
    $('.drop').mouseenter(function(){
        $('#menu .content').hide();
        $(this).next('.content').show();
    });
    $('.closex').click(function(){
        $(this.parentNode).hide();
    });
});

fiddle / paste

edited May 23 '17 at 12:21

Community

1
1

answered Aug 01 '12 at 11:54

Stano

8,749
6
30
44

THX for response but Ahmad Alfy figured out how to do that just only with hover..... – fewllet Aug 01 '12 at 12:07

Drop down div with select box does not work IE9

2 Answers2