Skip to main content
replaced http://magento.stackexchange.com/ with https://magento.stackexchange.com/
Source Link

Use this jQuery code:

jQuery(document).ready(function () {
  jQuery('select#select-language').hover(function () {
    jQuery(this).attr('size', jQuery('option').length);
  }, function () {
    jQuery(this).attr('size', 1);
  });
});

Add this Style to this select-box

select#select-language {
    position: absolute;
    top: 3px;
    z-index: 2;
}

There's also another good solution. You should convert <select><option>... to <ul><li>... list, and apply jQuery scipt as shown here in my answer : Display the drop down values when mouse-over on text instead of textfieldDisplay the drop down values when mouse-over on text instead of textfield

Use this jQuery code:

jQuery(document).ready(function () {
  jQuery('select#select-language').hover(function () {
    jQuery(this).attr('size', jQuery('option').length);
  }, function () {
    jQuery(this).attr('size', 1);
  });
});

Add this Style to this select-box

select#select-language {
    position: absolute;
    top: 3px;
    z-index: 2;
}

There's also another good solution. You should convert <select><option>... to <ul><li>... list, and apply jQuery scipt as shown here in my answer : Display the drop down values when mouse-over on text instead of textfield

Use this jQuery code:

jQuery(document).ready(function () {
  jQuery('select#select-language').hover(function () {
    jQuery(this).attr('size', jQuery('option').length);
  }, function () {
    jQuery(this).attr('size', 1);
  });
});

Add this Style to this select-box

select#select-language {
    position: absolute;
    top: 3px;
    z-index: 2;
}

There's also another good solution. You should convert <select><option>... to <ul><li>... list, and apply jQuery scipt as shown here in my answer : Display the drop down values when mouse-over on text instead of textfield

added 86 characters in body
Source Link
Anil Suthar
  • 4.7k
  • 1
  • 15
  • 22

Use this jQuery code:

jQuery(document).ready(function () {
  jQuery('select#select-language').hover(function () {
    jQuery(this).attr('size', jQuery('option').length);
  }, function () {
    jQuery(this).attr('size', 1);
  });
});

Add this Style to this select-box

select#select-language {
    position: absolute;
    top: 3px;
    z-index: 2;
}

There's also another good solution. You should convert <select><option>... to <ul><li>... list, and apply jQuery scipt as shown here in demomy answer : http://html-tuts.com/jquery-dropdown-menu/Display the drop down values when mouse-over on text instead of textfield

Use this jQuery code:

jQuery(document).ready(function () {
  jQuery('select#select-language').hover(function () {
    jQuery(this).attr('size', jQuery('option').length);
  }, function () {
    jQuery(this).attr('size', 1);
  });
});

Add this Style to this select-box

select#select-language {
    position: absolute;
    top: 3px;
    z-index: 2;
}

There's also another good solution. You should convert <select><option>... to <ul><li>... list, and apply jQuery scipt as shown here in demo : http://html-tuts.com/jquery-dropdown-menu/

Use this jQuery code:

jQuery(document).ready(function () {
  jQuery('select#select-language').hover(function () {
    jQuery(this).attr('size', jQuery('option').length);
  }, function () {
    jQuery(this).attr('size', 1);
  });
});

Add this Style to this select-box

select#select-language {
    position: absolute;
    top: 3px;
    z-index: 2;
}

There's also another good solution. You should convert <select><option>... to <ul><li>... list, and apply jQuery scipt as shown here in my answer : Display the drop down values when mouse-over on text instead of textfield

deleted 5 characters in body
Source Link
Anil Suthar
  • 4.7k
  • 1
  • 15
  • 22

Use this jQuery code:

jQuery(document).ready(function () {
  jQuery('select#select-language').hover(function () {
    jQuery(this).attr('size', jQuery('option').length);
  }, function () {
    jQuery(this).attr('size', 1);
  });
});

Add this Style to this select-box

select#select-language {
    position: absolute;
    top: 3px;
    z-index: 2;
}

There's also another good solution. You should convert <select><option>... to <ul><li>... list, and apply this jQuery scipt as shown here in demo : http://html-tuts.com/jquery-dropdown-menu/

Use this jQuery code:

jQuery(document).ready(function () {
  jQuery('select#select-language').hover(function () {
    jQuery(this).attr('size', jQuery('option').length);
  }, function () {
    jQuery(this).attr('size', 1);
  });
});

Add this Style to this select-box

select#select-language {
    position: absolute;
    top: 3px;
    z-index: 2;
}

There's also another good solution. You should convert <select><option>... to <ul><li>... list, and apply this jQuery scipt as shown here in demo : http://html-tuts.com/jquery-dropdown-menu/

Use this jQuery code:

jQuery(document).ready(function () {
  jQuery('select#select-language').hover(function () {
    jQuery(this).attr('size', jQuery('option').length);
  }, function () {
    jQuery(this).attr('size', 1);
  });
});

Add this Style to this select-box

select#select-language {
    position: absolute;
    top: 3px;
    z-index: 2;
}

There's also another good solution. You should convert <select><option>... to <ul><li>... list, and apply jQuery scipt as shown here in demo : http://html-tuts.com/jquery-dropdown-menu/

added 367 characters in body
Source Link
Anil Suthar
  • 4.7k
  • 1
  • 15
  • 22
Loading
added 10 characters in body
Source Link
Anil Suthar
  • 4.7k
  • 1
  • 15
  • 22
Loading
Source Link
Anil Suthar
  • 4.7k
  • 1
  • 15
  • 22
Loading