Tente isto:
$('select#CentroCusto_new option').on('mousedown', function (event) {
this.selected = !this.selected;
event.preventDefault();
});
Com isso, assim que você apertar o botão do mouse (mousedown) em cima do elemento, a opção selected recebe o oposto do estado anterior da mesma.
O event.preventDefault()
faz com que a ação padrão associada a aquele evento não seja acionada/ativada.
Por exemplo, se o evento fosse sobre uma tag
<a href="http://testlink.com">
, você não seria direcionado para uma nova Url.
No nosso caso, o preventDefault
faz com que a ação (padrão) de desmarcar todas as outras entradas quando você clica em um item (sem o Ctrl) não seja executada. Note que desabilitar a ação padrão também faz com que o item não seja selecionado automaticamente, por isso a necessidade do this.selected = !this.selected;
Mais informações sobre o preventDefault aqui.
Prova de conceito: