A voir également:
- Liste deroulante qui se change automatiquement en php
- Liste déroulante excel - Guide
- Liste déroulante en cascade - Guide
- Change dns - Guide
- Liste code ascii - Guide
- Liste déroulante google sheet - Accueil - Guide bureautique
2 réponses
salut jeremy.s, je veux crée une liste avec les marques des voiture , quand on fai la sélection d'une marque de voiture , la deuxième liste se change automatiquement(pas besoin d'actualisé la page) pour afficher les modèles de la marque selectionné ....
Dans ce cas là, fais le en jquery !
Dans ta deuxieme liste, tu mets à défaut tous les modèles de voitures.
Ta première liste se composera de la manière suivante :
<select name="marque" id="marque">
<option id="marque1">Marque 1</option>
<option id="marque2">Marque 2</option>
</select>
Ta seconde liste comme ceci :
<select name="modele" id="modele">
<option id="modele1" class="marque1">Modele 1</option>
<option id="modele2" class="marque1">Modele 2</option>
<option id="modele3" class="marque2">Modele 3</option>
<option id="modele4" class="marque2">Modele 4</option>
</select>
Tu vas alors à la selection d'une marque, regardé les class de chaque modèle, et les affiché ou les masqué suivant la marque (donc la class)
Donc comparé l'id de l'option sélectionné dans le select marque à la class de chaque option du select modele.
Dans ta deuxieme liste, tu mets à défaut tous les modèles de voitures.
Ta première liste se composera de la manière suivante :
<select name="marque" id="marque">
<option id="marque1">Marque 1</option>
<option id="marque2">Marque 2</option>
</select>
Ta seconde liste comme ceci :
<select name="modele" id="modele">
<option id="modele1" class="marque1">Modele 1</option>
<option id="modele2" class="marque1">Modele 2</option>
<option id="modele3" class="marque2">Modele 3</option>
<option id="modele4" class="marque2">Modele 4</option>
</select>
Tu vas alors à la selection d'une marque, regardé les class de chaque modèle, et les affiché ou les masqué suivant la marque (donc la class)
Donc comparé l'id de l'option sélectionné dans le select marque à la class de chaque option du select modele.
Met ca dans ta page pour inclure jquery :
<script type="text/javascript" scr="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
Ensuite pour trier :
<script>
jQuery(function($){
$('#marque').change(function(){
$('#modele').each(function(){
if($(this).attr('class') != $('#marque :selected').attr('id)) $(this).hide()
else $(this).show();
});
});
});
</script>
<script type="text/javascript" scr="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
Ensuite pour trier :
<script>
jQuery(function($){
$('#marque').change(function(){
$('#modele').each(function(){
if($(this).attr('class') != $('#marque :selected').attr('id)) $(this).hide()
else $(this).show();
});
});
});
</script>
