jQuery multiselect problèmes avec IE

Question

J'ai travaillé sur l'implémentation d'une solution multi-sélection qui ne nécessite pas l'utilisateur d'appuyer sur CTRL pour sélectionner plusieurs valeurs, mais j'ai rencontré deux problèmes que j'apprécierais de l'aide. Par conséquent j'ai deux questions pour demander :-)

1) La solution ne semble pas fonctionner dans Internet Explorer. Comment pourrais-je le faire fonctionner sous IE?

2) Comment pourrais-je mettre en œuvre un bouton clair que déselectionne toutes les options en dehors de « Tout »?

Ceci est le code que j'ai jusqu'à présent:

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

J'ai uploadé violon travailler ici: http://jsfiddle.net/cC45d/

Answer 1

Supposant Any sera toujours la première option dans la liste, essayez ceci:

<button class="clear">Clear</button> 
... 
$('.clear').click(function(e) { 
    $('#roomFac option').prop('selected', false); 
    $('#roomFac option:first').prop('selected', true); 
});