Estou precisando ordenar um select
em ordem alfabética.
Tentei utilizar esta função que achei na internet
function ordenarSelect(){
f$(".slc_Reuniao").html($("option", $(".slc_Reuniao")).sort(function(a,b){
return a.text == b.text ? 0 : a.text < b.text ? -1 : 1;
}));
};
Meu select inicial é:
<select class="slc_Reuniao">
<option value="SO" selected>--</option>
</select>
Apos rodo uma função que adiciona dinamicamente com append
os nomes que voltaram da query
. Preciso ordená-los.
Porem não está funcionando, ao contrario ele está gerando é novos options
, estou utilizando IndexedDB
como banco ele é baseado também em javascript, tentei procurar algo que no momento em que estou pesquisando os dados no banco eu ordena-se como no próprio sql
porém não achei nada a respeito.
Como devo fazer isto ?
Em uma mesma página tenho 3 select cujo conteúdo é igual.
A forma de implementação é quando clico em um menu localizado em um sidemenu, dispara um evento que descrevo abaixo.
$(document).on("click", "#cadReu", function(evt)
{
var w_codigo_turma = sessionStorage.getItem('codigo');
carregaSelectAluno(w_codigo_turma);
ordenarSelect();
activate_page("#cadastro_REUNIAO");
});
Apos ele chama a função carregarSelectAluno()
, não irei adicionar pelo tamanho mais a função dele é apenas criar os <option value""></option>
e adicionar no campo onde pego pelo comando $wrapper = document.querySelector('.slc_Reuniao');
e coloco no select desta forma
$( ".slc_Reuniao" ).each(function() {
$(this).append(HTMLNovo);
});
Apos isto chamo a função ordenarSelect()
que é o local onde estou colocando as funções indicada pelas respostas da minha pergunta. Ambas dicas está dando mesmo problema. Não está organizando e está regerando. Um problema eu identifiquei que é quando volto ele adiciona novamente os nomes.