Liste deroulante qui se change automatiquement en php
Fermé
dr.anass
Messages postés
8
Date d'inscription
dimanche 21 avril 2013
Statut
Membre
Dernière intervention
7 mai 2013
-
Modifié par dr.anass le 21/04/2013 à 21:52
dr.anass Messages postés 8 Date d'inscription dimanche 21 avril 2013 Statut Membre Dernière intervention 7 mai 2013 - 23 avril 2013 à 00:00
dr.anass Messages postés 8 Date d'inscription dimanche 21 avril 2013 Statut Membre Dernière intervention 7 mai 2013 - 23 avril 2013 à 00:00
A voir également:
- Liste deroulante qui se change automatiquement en php
- Liste déroulante excel - Guide
- Liste déroulante en cascade - Guide
- Google sheet liste déroulante - Accueil - Guide bureautique
- Change dns - Guide
- Easy php - Télécharger - Divers Web & Internet
2 réponses
jeremy.s
Messages postés
1226
Date d'inscription
lundi 28 mars 2011
Statut
Membre
Dernière intervention
2 septembre 2013
79
21 avril 2013 à 22:59
21 avril 2013 à 22:59
Salut !
Donne nous plus d'infos ... car là ca va être dur ...
Donne nous plus d'infos ... car là ca va être dur ...
dr.anass
Messages postés
8
Date d'inscription
dimanche 21 avril 2013
Statut
Membre
Dernière intervention
7 mai 2013
22 avril 2013 à 14:04
22 avril 2013 à 14:04
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é ....
jeremy.s
Messages postés
1226
Date d'inscription
lundi 28 mars 2011
Statut
Membre
Dernière intervention
2 septembre 2013
79
22 avril 2013 à 14:56
22 avril 2013 à 14:56
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.
dr.anass
Messages postés
8
Date d'inscription
dimanche 21 avril 2013
Statut
Membre
Dernière intervention
7 mai 2013
Modifié par dr.anass le 22/04/2013 à 15:30
Modifié par dr.anass le 22/04/2013 à 15:30
j'ai jamais utilisé Jquery avant ... :(
donc comment peu j le faire S.V.P ??
es qu'il y a un personne qui px m'aidé en Jquery !
donc comment peu j le faire S.V.P ??
es qu'il y a un personne qui px m'aidé en Jquery !
jeremy.s
Messages postés
1226
Date d'inscription
lundi 28 mars 2011
Statut
Membre
Dernière intervention
2 septembre 2013
79
22 avril 2013 à 15:40
22 avril 2013 à 15:40
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>
dr.anass
Messages postés
8
Date d'inscription
dimanche 21 avril 2013
Statut
Membre
Dernière intervention
7 mai 2013
23 avril 2013 à 00:00
23 avril 2013 à 00:00
merci jeremy :)