Afficher champ selon valeur sélectionnée

Bonjour,

J'ai fait un formulaire avec une liste et selon la valeur sélectionnée, je souhaite afficher différents champ.
Voici ce que j'ai fait qui ne fonctionne pas:
Javascript:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
$(document).ready(function() {
    // [.change] Une fonction de JQuery à exécuter chaque fois que l'événement est déclenché.
    $("select[title='Type Frais']").change(function() {
        var selected = $("select[title='Type Frais']").val();
        if (selected == "Restauration") {
        // [.fadeIn();] Fonction pour afficher le contenu du champ Compétence
        // [.fadeOut();] Fonction pour cacher le contenu du champ Compétence
            $("#type").fadeIn();
        }
        else {
            $("#type").fadeOut();
        }
    });
});

liste html:

Code:

<select style="width:250px" class="select2 required" id="type" name="type" aria-required="true" onchange="this.select();">

:roll:

Code:

$("select[title='Type Frais']").change(function() {...})

Tu ne montres aucun élément possédant un attribut title dont la valeur serait Type Frais !

EDIT

Code:

onchange="this.select();">

Il n'existe pas de méthode select() pour une balise <select>... :no:

Il faudrait que je mette quoi?

Je pense qu'un sélecteur correspondant au code HTML serait un bon début... :weird: