2

Desejo ordenar um combo select do HTML em ordem alfabética e gostaria de ajuda na lógica para conseguir montar uma função que faça isso independente do numero de elementos.

2 Respostas 2

4
function NASort(a, b) {    
    if (a.innerHTML == 'NA') {
        return 1;   
    }
    else if (b.innerHTML == 'NA') {
        return -1;   
    }       
    return (a.innerHTML > b.innerHTML) ? 1 : -1;
};

$('select option').sort(NASort).appendTo('select');


<select>
    <option value="1">Car</option>
    <option value="2">Bus</option>
    <option value="3">NA</option>
    <option value="4">Bike</option>
    <option value="5">Tractor</option>
    <option value="6">NA</option>
    <option value="7">A</option>
</select>

JSFiddle

Fonte

4

Pode usar o Array.prototype.sort():

function ordenar() {
    var itensOrdenados = $('#itens option').sort(function (a, b) {
        return a.text < b.text ? -1 : 1;
    });

    $('#itens').html(itensOrdenados);
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="itens">
    <option value="2">Maçã</option>
    <option value="1">Banana</option>
    <option value="3">Laranja</option>
    <option value="8">Uva</option>
    <option value="5">Amora</option>
    <option value="15">Melão</option>
</select>
<button onclick="ordenar()">Ordenar</button>

2
  • Olá, obrigado pela resposta, apesar do tópico ser antigo, me ajudou muito! Só uma coisa: nesse exemplo, o valor que aparece pro usuário após a ordenação, é o último da lista ("Uva", no caso). Como fazer pra o valor a aparecer após a ordenação ser o primeiro ("Amora", no caso)?
    – Renan
    Commented 21/11/2019 às 14:07
  • Basta inverter o valor de retorno da função sort : return a.text < b.text ? 1 : -1;. Commented 26/11/2019 às 18:19

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .