Trigger click on select box on hover

by

I finally got this to work! You need Chosen; as others have pointed out, you can’t do this with a normal select because there are no events available to use. But this will pop open the menu when you mouseover the select and close it when you mouseout, which is the exact effect I wanted.

HTML:

<select id="dropdown" data-placeholder="Choose&hellip;">
    <option value="one">Option 1</option>
    <option value="two">Option 2</option>
    <option value="three">Option 3</option>
</select>

JS:

$("#dropdown").chosen().next(".chzn-container").hover(
    function(){
        $("#dropdown").trigger("liszt:open");
    },
    function(){
        $(this).trigger("click");
    }
);

$("#dropdown").trigger("liszt:open"); is what opens the menu. There is no equivalent liszt:close event to trigger when you want to close it (as far as I know), but triggering a click on it instead has the same effect.

More Related Contents:

  1. iPad/iPhone hover problem causes the user to double click a link
  2. Dropdown Z-index not responding [closed]
  3. Difference between .on(‘click’) vs .click()
  4. Can I open a dropdownlist using jQuery
  5. How to bind ‘touchstart’ and ‘click’ events but not respond to both?
  6. How to trigger a click on a link using jQuery
  7. jQuery click events not working in iOS [duplicate]
  8. How do I add options to a DropDownList using jQuery?
  9. How to trigger click event on href element
  10. How do I check if the mouse is over an element in jQuery?
  11. How can I set the value of a DropDownList using jQuery?
  12. jquery click doesn’t work on ajax generated content
  13. Add and remove a class on click using jQuery?
  14. How can I check if a key is pressed during the click event with jQuery?
  15. Get clicked element using jQuery on event?
  16. Detect middle button click (scroll button) with jQuery
  17. jQuery: fire click() before blur() event
  18. $(document).on(“click”… not working?
  19. How to get Interdependent dropdowns in django using Modelform and jquery?
  20. What are the significant differences among $(sel).bind(“click”, $(sel).click(, $(sel).live(“click”, $(sel).on(“click”?
  21. Using jQuery to programmatically click an link
  22. jQuery, checkboxes and .is(“:checked”)
  23. How to populate a dropdownlist with json data in jQuery?
  24. Jquery: detect if middle or right mouse button is clicked, if so, do this:
  25. Jquery condition check is(‘:hover’) not working
  26. Click event called twice on touchend in iPad
  27. Enable/Disable a dropdownbox in jquery
  28. jquery click doesn’t work on hyperlink
  29. Unselect what was selected in an input with .select()
  30. in Jquery how to run code with callback before submit

Leave a Comment