I am attempting to modify the default functionality of a select element so that clicking once on its options changes their selected state.
Essentially, I want to eliminate the confusing requirement of holding down shift/ctrl to select multiple options.
I am experimenting with jQuery:
jQuery('select[multiple] option').each(function() {
var $this = jQuery(this);
if ($this.is(':selected')) {
$this.click(function(e) {
e.preventDefault();
$this.selected = 'false';
});
} else {
$this.click(function(e) {
e.preventDefault();
$this.selected = 'true';
});
}
});
Unfortunately, it does not seem to be working. Any suggestions?