Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

Sujet : SELECT dynamique [ Archives / Général ] (lefevrey)

vendredi 30 mai 2003 à 13:35:30 | SELECT dynamique

lefevrey

Bonjour !

Je recherche une methode magique qui me permettrai d'avoir des select dynamiques...
Je m'explique... Dans une interface, j'ai plusieurs <select>, et je souhaiterais que le contenus des <select> depende de ce qui a ete choisi dans le <select> precedent... (plusieurs <select> en cascade...)

J'offre une coupe de champagen virtuelle a celui qui trouve la methode ;-)

Yan

samedi 31 mai 2003 à 02:08:28 | Re : SELECT dynamique

Rastafa

Salut,
Tu peux utiliser new Option('','');
Voici un ptit exemple basic que je viens de coder


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Exemple pour populer une droplist</title>
<meta name="author" content="Rastafa">
<Script Language="Javascript">
<!--
function PopulerCouleur()
{
//Vider la droplist de couleur
var nbOptions = document.Donnees.couleur.length;
for (i=0; i < nbOptions; i++)
{
document.Donnees.couleur[0] = null;
}

if (document.Donnees.transport[document.Donnees.transport.selectedIndex].value == "Auto")
{
document.Donnees.couleur.options[0] = new Option('Bleu','Bleu');
document.Donnees.couleur.options[1] = new Option('Vert','Vert');
document.Donnees.couleur.options[2] = new Option('Rouge','Rouge');
}
else {
document.Donnees.couleur.options[0] = new Option('Noir','Noir');
document.Donnees.couleur.options[1] = new Option('Blanc','Blanc');
}
}
// -->
</Script>
</head>
<body OnLoad="PopulerCouleur();">
<form name="Donnees" action="mailto:asas@asas.com" method="post" enctype="text/plain">
<table width="400" border="0">
<tr>
<td width="100">Transport :</td>
<td width="200"><select name="transport" OnChange="PopulerCouleur();">
<option value="Auto"> Auto</option>
<option value="Bateau"> Bateau</option>
<option value="Vélo"> Vélo</option>
</select></td>
</tr>
<tr>
<td width="100">Couleur :</td>
<td width="200"><select name="couleur">
<option value="--"> --</option>
</select></td>
</tr>
</table>
<input type="submit" value="Soumettre">

</form>

</body>
</html>






------------------
Rastafa



-------------------------------
Réponse au message :
-------------------------------

> Bonjour !
>
> Je recherche une methode magique qui me permettrai d'avoir des select dynamiques...
> Je m'explique... Dans une interface, j'ai plusieurs <select>, et je souhaiterais que le contenus des <select> depende de ce qui a ete choisi dans le <select> precedent... (plusieurs <select> en cascade...)
>
> J'offre une coupe de champagen virtuelle a celui qui trouve la methode ;-)
>
> Yan

lundi 2 juin 2003 à 08:41:16 | Re : SELECT dynamique

lefevrey


Bonjour Rastafa !

merci de l'idée. Le seul hic, c'est que j'ai un premier SELECT qui est rempli a partir d'une requete SQL, et le SELECT suivant est egalement rempli par une requete SQL, mais la 2eme requete depend de ce qui a ete selectionne dans le premier SELECT...

En totu cas, merci de la proposition.

Yan


-------------------------------
Réponse au message :
-------------------------------

> Salut,
> Tu peux utiliser new Option('','');
> Voici un ptit exemple basic que je viens de coder
>
>

> <html>
> <head>
> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
> <title>Exemple pour populer une droplist</title>
> <meta name="author" content="Rastafa">
> <Script Language="Javascript">
> <!--
> function PopulerCouleur()
> {
> //Vider la droplist de couleur
> var nbOptions = document.Donnees.couleur.length;
> for (i=0; i < nbOptions; i++)
> {
> document.Donnees.couleur[0] = null;
> }
>
> if (document.Donnees.transport[document.Donnees.transport.selectedIndex].value == "Auto")
> {
> document.Donnees.couleur.options[0] = new Option('Bleu','Bleu');
> document.Donnees.couleur.options[1] = new Option('Vert','Vert');
> document.Donnees.couleur.options[2] = new Option('Rouge','Rouge');
> }
> else {
> document.Donnees.couleur.options[0] = new Option('Noir','Noir');
> document.Donnees.couleur.options[1] = new Option('Blanc','Blanc');
> }
> }
> // -->
> </Script>
> </head>
> <body OnLoad="PopulerCouleur();">
> <form name="Donnees" action="mailto:asas@asas.com" method="post" enctype="text/plain">
> <table width="400" border="0">
> <tr>
> <td width="100">Transport :</td>
> <td width="200"><select name="transport" OnChange="PopulerCouleur();">
> <option value="Auto"> Auto</option>
> <option value="Bateau"> Bateau</option>
> <option value="Vélo"> Vélo</option>
> </select></td>
> </tr>
> <tr>
> <td width="100">Couleur :</td>
> <td width="200"><select name="couleur">
> <option value="--"> --</option>
> </select></td>
> </tr>
> </table>
> <input type="submit" value="Soumettre">
>
> </form>
>
> </body>
> </html>
>
>
>

>
>
>
> ------------------
> Rastafa
>
>
>
> -------------------------------
> Réponse au message :
> -------------------------------
>
> > Bonjour !
> >
> > Je recherche une methode magique qui me permettrai d'avoir des select dynamiques...
> > Je m'explique... Dans une interface, j'ai plusieurs <select>, et je souhaiterais que le contenus des <select> depende de ce qui a ete choisi dans le <select> precedent... (plusieurs <select> en cascade...)
> >
> > J'offre une coupe de champagen virtuelle a celui qui trouve la methode ;-)
> >
> > Yan
>

lundi 2 juin 2003 à 14:14:59 | Re : SELECT dynamique

syndrael

Alors moi je vais te donner un conseil !!
Tu vas sur http://mespa.pillien.com et tu déposes une annonce Automobile. Par contre ne valide pas cette annonce !! Tu trouveras ce ke tu cherches dans la saisie de la Marque, la Série, et la Gamme de l'auto. Une véritable relation de hiérarchie.
S.



-------------------------------
Réponse au message :
-------------------------------

>
> Bonjour Rastafa !
>
> merci de l'idée. Le seul hic, c'est que j'ai un premier SELECT qui est rempli a partir d'une requete SQL, et le SELECT suivant est egalement rempli par une requete SQL, mais la 2eme requete depend de ce qui a ete selectionne dans le premier SELECT...
>
> En totu cas, merci de la proposition.
>
> Yan
>
>
> -------------------------------
> Réponse au message :
> -------------------------------
>
> > Salut,
> > Tu peux utiliser new Option('','');
> > Voici un ptit exemple basic que je viens de coder
> >
> >

> > <html>
> > <head>
> > <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
> > <title>Exemple pour populer une droplist</title>
> > <meta name="author" content="Rastafa">
> > <Script Language="Javascript">
> > <!--
> > function PopulerCouleur()
> > {
> > //Vider la droplist de couleur
> > var nbOptions = document.Donnees.couleur.length;
> > for (i=0; i < nbOptions; i++)
> > {
> > document.Donnees.couleur[0] = null;
> > }
> >
> > if (document.Donnees.transport[document.Donnees.transport.selectedIndex].value == "Auto")
> > {
> > document.Donnees.couleur.options[0] = new Option('Bleu','Bleu');
> > document.Donnees.couleur.options[1] = new Option('Vert','Vert');
> > document.Donnees.couleur.options[2] = new Option('Rouge','Rouge');
> > }
> > else {
> > document.Donnees.couleur.options[0] = new Option('Noir','Noir');
> > document.Donnees.couleur.options[1] = new Option('Blanc','Blanc');
> > }
> > }
> > // -->
> > </Script>
> > </head>
> > <body OnLoad="PopulerCouleur();">
> > <form name="Donnees" action="mailto:asas@asas.com" method="post" enctype="text/plain">
> > <table width="400" border="0">
> > <tr>
> > <td width="100">Transport :</td>
> > <td width="200"><select name="transport" OnChange="PopulerCouleur();">
> > <option value="Auto"> Auto</option>
> > <option value="Bateau"> Bateau</option>
> > <option value="Vélo"> Vélo</option>
> > </select></td>
> > </tr>
> > <tr>
> > <td width="100">Couleur :</td>
> > <td width="200"><select name="couleur">
> > <option value="--"> --</option>
> > </select></td>
> > </tr>
> > </table>
> > <input type="submit" value="Soumettre">
> >
> > </form>
> >
> > </body>
> > </html>
> >
> >
> >

> >
> >
> >
> > ------------------
> > Rastafa
> >
> >
> >
> > -------------------------------
> > Réponse au message :
> > -------------------------------
> >
> > > Bonjour !
> > >
> > > Je recherche une methode magique qui me permettrai d'avoir des select dynamiques...
> > > Je m'explique... Dans une interface, j'ai plusieurs <select>, et je souhaiterais que le contenus des <select> depende de ce qui a ete choisi dans le <select> precedent... (plusieurs <select> en cascade...)
> > >
> > > J'offre une coupe de champagen virtuelle a celui qui trouve la methode ;-)
> > >
> > > Yan
> >
>

mardi 3 juin 2003 à 03:26:26 | Re : SELECT dynamique

Rastafa

oauis...
fait ton javascript avec le résultat de ton SELECT.

J'utilise ce procédé pour populer les provinces dans mes formulaires.

Voir : http://www.tele-page.com/contenu/teleavertisseur_demandeDinformation.cfm


C'est le même principe : new Option('','');

------------------
Rastafa



-------------------------------
Réponse au message :
-------------------------------

>
> Bonjour Rastafa !
>
> merci de l'idée. Le seul hic, c'est que j'ai un premier SELECT qui est rempli a partir d'une requete SQL, et le SELECT suivant est egalement rempli par une requete SQL, mais la 2eme requete depend de ce qui a ete selectionne dans le premier SELECT...
>
> En totu cas, merci de la proposition.
>
> Yan
>
>
> -------------------------------
> Réponse au message :
> -------------------------------
>
> > Salut,
> > Tu peux utiliser new Option('','');
> > Voici un ptit exemple basic que je viens de coder
> >
> >

> > <html>
> > <head>
> > <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
> > <title>Exemple pour populer une droplist</title>
> > <meta name="author" content="Rastafa">
> > <Script Language="Javascript">
> > <!--
> > function PopulerCouleur()
> > {
> > //Vider la droplist de couleur
> > var nbOptions = document.Donnees.couleur.length;
> > for (i=0; i < nbOptions; i++)
> > {
> > document.Donnees.couleur[0] = null;
> > }
> >
> > if (document.Donnees.transport[document.Donnees.transport.selectedIndex].value == "Auto")
> > {
> > document.Donnees.couleur.options[0] = new Option('Bleu','Bleu');
> > document.Donnees.couleur.options[1] = new Option('Vert','Vert');
> > document.Donnees.couleur.options[2] = new Option('Rouge','Rouge');
> > }
> > else {
> > document.Donnees.couleur.options[0] = new Option('Noir','Noir');
> > document.Donnees.couleur.options[1] = new Option('Blanc','Blanc');
> > }
> > }
> > // -->
> > </Script>
> > </head>
> > <body OnLoad="PopulerCouleur();">
> > <form name="Donnees" action="mailto:asas@asas.com" method="post" enctype="text/plain">
> > <table width="400" border="0">
> > <tr>
> > <td width="100">Transport :</td>
> > <td width="200"><select name="transport" OnChange="PopulerCouleur();">
> > <option value="Auto"> Auto</option>
> > <option value="Bateau"> Bateau</option>
> > <option value="Vélo"> Vélo</option>
> > </select></td>
> > </tr>
> > <tr>
> > <td width="100">Couleur :</td>
> > <td width="200"><select name="couleur">
> > <option value="--"> --</option>
> > </select></td>
> > </tr>
> > </table>
> > <input type="submit" value="Soumettre">
> >
> > </form>
> >
> > </body>
> > </html>
> >
> >
> >

> >
> >
> >
> > ------------------
> > Rastafa
> >
> >
> >
> > -------------------------------
> > Réponse au message :
> > -------------------------------
> >
> > > Bonjour !
> > >
> > > Je recherche une methode magique qui me permettrai d'avoir des select dynamiques...
> > > Je m'explique... Dans une interface, j'ai plusieurs <select>, et je souhaiterais que le contenus des <select> depende de ce qui a ete choisi dans le <select> precedent... (plusieurs <select> en cascade...)
> > >
> > > J'offre une coupe de champagen virtuelle a celui qui trouve la methode ;-)
> > >
> > > Yan
> >
>

mercredi 11 juin 2003 à 10:10:44 | Re : SELECT dynamique

lefevrey


Super, merci a tous pour votre aide.

Resultat: ca marche !
A bientot,
Yan



Cette discussion est classé dans : dynamique, methode, select


Répondre à ce message

Sujets en rapport avec ce message

formulaire dynamique [ par virginie1 ] Comment puis je récupérer les valeurs à partir d'un formulaire dont les champs sont le résultats d'un affichage dynamique à partir d'une requête.Exemp Affichage d'une requete sans connaitre les champs [ par youtouloulou ] Alors, j'ai un gros probleme et pas de solut.En CFM, je saisis ma requete dans un champ de formulaire (par ex : select * from toto) sauf que ça peut ê comment creer un formulaire dynamique [ par maximemj ] bonjour a tous , voila je précisej'aimerais créer un formulaire avec un nombre de champs dynamique qui varie en fonction du resultat d'une requete sql select * [ par crtb ] je veux faire un : delete * from DB; mais on me retourne un "synthaxe incoorecte" concernant *. quel est le problème ? merci. christophe URGENT : récupération de variables dynamique [ par chtit ] CF 4.5Je compose dans un formulaire des noms de champ de facon dynamique du genre select * from mf <cfo cfoutput l'un dans l'autre [ par Metrox ] 'lut all,je me demandais, si ya moyen de mettre deux cfoutput qui concernent deux query différentes l'un dans l'autre...Exemple: select cc from ee<cfo trouver record [ par lemmings ] salut a tousje viens d'enregistrer un record mais je voudrais le retrouver comme je sais que c'est le dernier record que j'ai encoder, y a t-il un moy impression de contenu de page dynamique [ par extranet ] ExtranetBonjour,Je suis en train de monter un site web Universitaire en CFM.J'ai un menu dynamique en CFM à gauche et une image en haut de la page, to probleme avec cfhttp [ par iDoc ] dans un cfloop, j'ai inséré un cfhttp pour envoyer un formulaire à une methode asp.cela se passe bien pour la premiere boucle mais ensuite il plante.. Tester une valeur avec CF ? [ par aresh ] Bonsoir à tous ,J'ai un petit soucis. J'ai une jolie base de donnée, avec 300 entrée environs, mais dans la structure, il y a des "trou" (certainne li


Nos sponsors

Sondage...

CalendriCode

Novembre 2008
LMMJVSD
     12
3456789
10111213141516
17181920212223
24252627282930

Consulter la suite du CalendriCode

Téléchargements

Logiciels à télécharger sur le même thème :



Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel BAÏSE, Merci à Vincent pour ses précieux conseils
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés
Temps d'éxécution de la page : 0,374 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.