Skip to main content
Adicionei mais explicações sobre o código
Fonte Link

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:

http://jsfiddle.net/RkJS7/2/

Tente isto:

$('select#CentroCusto_new option').on('mousedown', function (event) {
    this.selected = !this.selected;
    event.preventDefault();
});

Prova de conceito:

http://jsfiddle.net/RkJS7/2/

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:

http://jsfiddle.net/RkJS7/2/

Substitui e por event (mais claro)
Fonte Link

Tente isto:

$('select#CentroCusto_new option').on('mousedown', function (eevent) {
    this.selected = !this.selected;
    eevent.preventDefault();
});

Prova de conceito:

http://jsfiddle.net/RkJS7/2/

Tente isto:

$('select#CentroCusto_new option').on('mousedown', function (e) {
    this.selected = !this.selected;
    e.preventDefault();
});

Prova de conceito:

http://jsfiddle.net/RkJS7/2/

Tente isto:

$('select#CentroCusto_new option').on('mousedown', function (event) {
    this.selected = !this.selected;
    event.preventDefault();
});

Prova de conceito:

http://jsfiddle.net/RkJS7/2/

Fonte Link

Tente isto:

$('select#CentroCusto_new option').on('mousedown', function (e) {
    this.selected = !this.selected;
    e.preventDefault();
});

Prova de conceito:

http://jsfiddle.net/RkJS7/2/