Estou tentando fazer um script para selecionar várias options
de um <select multiple>
a cada clique do mouse. Até ai tudo bem, eu consegui e segue o código:
var numSelected = 0;
var valSelectedArray = [];
$(document).on('mouseup', '#CentroCusto_new option', function () {
var valSelected = $(this).val();
valSelectedArray[numSelected] = valSelected;
numSelected++;
for (i = 0; i < numSelected; i++) {
$("#CentroCusto_new option[value=" + valSelectedArray[i] + "]").prop("selected", true);
}
});
Porém, eu gostaria que ao clicar em um já selecionado ele desselecionasse.
Meu algoritmo está bem ruim e ele dá um efeito de 'piscar' sempre que clico em uma nova option
, ou seja, ele mostra um apenas selecionado na hora do clique para depois adicionar os outros que já foram clicados anteriormente, isso também não ficou legal.
Alguém tem alguma ideia de como incrementar a opção desselecionar no meu código, ou então mostrar um código mais eficiente?
OBS: NÃO QUERO UTILIZAR NENHUM PLUGIN.