Liste deroulante qui se change automatiquement en php
dr.anass
Messages postés
8
Date d'inscription
Statut
Membre
Dernière intervention
-
dr.anass Messages postés 8 Date d'inscription Statut Membre Dernière intervention -
dr.anass Messages postés 8 Date d'inscription Statut Membre Dernière intervention -
je v crée une liste déroulante qui se change automatiquement par-apport une autre liste sans actualisé la page ...?????
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 déroulante google sheet - Accueil - Guide bureautique
- Liste code ascii - Guide
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>