How to avoid the need for ctrl-click in a multi-select box using Javascript?

by

Check this fiddle: http://jsfiddle.net/xQqbR/1022/

You basically need to override the mousedown event for each <option> and toggle the selected property there.

$('option').mousedown(function(e) {
    e.preventDefault();
    $(this).prop('selected', !$(this).prop('selected'));
    return false;
});

For simplicity, I’ve given ‘option’ as the selector above. You can fine tune it to match <option>s under specific <select> element(s). For ex: $('#mymultiselect option')

More Related Contents:

  1. Best Practice: Access form elements by HTML id or name attribute?
  2. a way to check validity of HTML5 forms?
  3. Do DOM tree elements with IDs become global properties?
  4. JavaScript code to stop form submission
  5. Changing website favicon dynamically
  6. Dynamically set value of a file input [duplicate]
  7. Why does forms with single input field submit upon pressing enter key in input
  8. How to append text to a “?
  9. Disable form auto submit on button click
  10. How to submit an HTML form without redirection
  11. Why are duplicate ID values not allowed in HTML?
  12. HTML “overlay” which allows clicks to fall through to elements behind it [duplicate]
  13. JavaScript get element by name
  14. Is there a DOM event that fires when an HTML select element is closed?
  15. Form Submit Execute JavaScript Best Practice? [closed]
  16. Why is the variable holding the input value always logged as empty?
  17. Best JavaScript solution for client-side form validation and interaction? [closed]
  18. How do I put codes from jsfiddle.net into my website?
  19. Screen Scraping from a web page with a lot of Javascript [closed]
  20. How to show setCustomValidity message/tooltip without submit event
  21. Attach event listener through javascript to radio button
  22. Trigger standard HTML5 validation (form) without using submit button?
  23. How to set custom validation messages for HTML forms?
  24. Trigger standard HTML validation (form) without using submit button? [duplicate]
  25. Is there a way to get innerText of only the top element (and ignore the child element’s innerText)?
  26. Is there a cross-browser standard on-load event for HTML’s “object” tag?
  27. How to reduce the length of a video using JavaScript? [closed]
  28. Why I cant use jQuery functionality
  29. How can I void a form action and execute jQuery when all HTML form elements are validated?
  30. HTML form input tag name element array with JavaScript

Leave a Comment