JQuery - Trier des listes

Bonjour,

J'ai trois listes :

- environnement (#environnement)

-domaine (#domaine)

- traitement métier (#tm)

Les deux premières sont des catégories pour la troisième, j'aimerais donc trier la dernière.

Les trois listes sont sous la forme suivante : <option value="[Id]">[Nom]</option>

Ma question est donc : comment trier la dernière liste ?

Je sais donc qu'il faut utilisé .change() et :selected, puis des show() et hide(). Mais je ne vois pas comment coder ...

Je pense qu'il faut rajouté certaines indications dans la dernière liste tout d'abord.

J'ai également rajouté une option <option value="none"> - </option> dans les deux premières listes.

Je pensais donc commencé comme ceci :

$('#domaine').change(function(){
    if('#domaine option:selected').val() != "none")
    {
        // Faire qq chose ...
    }
});
 
// Et faire pareil avec #environnement

Je cherche pas forcément un code tout fait, mais plus des idications et un algo histoire de comprendre !

Merci d'avance !

Cordialement.