IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

liste liée sans ajax


Sujet :

JavaScript

  1. #1
    Membre éclairé
    Profil pro
    Inscrit en
    Février 2003
    Messages
    293
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Février 2003
    Messages : 293
    Par défaut liste liée sans ajax
    bonjour voilà je veux faire des listes liées en javascript pour un formulaire que le client peut envoyer par email. une liste contient les categories de produit et une autre liste contient les produits. donc j'ai un code pour lier les 2 listes at il marche

    voici le code javascript


    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
     
    <SCRIPT language=JavaScript><!--
    liste=new Array();
     
    liste[1] = new Array("Cartes de visite LUXE","Cartes de visite PROMO");
    liste[2] = new Array("Flyers 135gr Quadri","Flyers 250gr Quadri");
    liste[3] = new Array("Affiches 100gr A2","Affiches 100gr A1");
    liste[4] = new Array("Adhésif blanc monomère","Adhésif one-way-vision");
    liste[5] = new Array("Bâche","Bandeole + support","Bâche + cadre mural");
    liste[6] = new Array("Akilux","PVC 3mm","PVC 8mm","Dibond/Reynobond","Magnétique");
     
     
     
    categorie = new Array();
    categorie[1] = 'cartes de visite';
    categorie[2] = 'flyers';
    categorie[3] = 'affiches';
    categorie[4] = 'adhésif';
    categorie[5] = 'bâches - banderoles';
    categorie[6] = 'impression avec support';
     
     
    function changeliste()
    {
    choix=document.getElementById("listeA").value;
    t='<select name="listeB" id="listeB">';
    for(i=0;i<liste[choix].length;i++)
    {
    t+="<option value=\""+liste[choix][i]+"\">"+liste[choix][i]+"</option>";
    }
    document.getElementById("listeB_div").innerHTML=t+'</select>';
    }
     
    //-->
    </SCRIPT>
    et voici le code du select

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
     
    <FORM id="FormCommande" name="FormCommande" action="envoi_commande.php">
     
    <table width="450" border="1">
      <tr>
        <td>Support</td>
        <td>&nbsp;</td>
        <td><A><SELECT id=listeA onchange=changeliste() name="listeA"> <OPTION value=0 
    selected>Choix de la catégorie</OPTION> <OPTION value=1>Cartes de visite</OPTION> 
    <OPTION value=2>Flyers</OPTION> <OPTION value=3>Affiches</OPTION> <OPTION 
    value=4>Adhésifs</OPTION><OPTION value=5>Bâches/Banderoles</OPTION><OPTION value=6>Impression avec support</OPTION></SELECT></A><br />
    <A 
    id=listeB_div><SELECT id=listeB name="listeB"><OPTION selected>Choix du produit</OPTION></SELECT></A>
     
    </td>
    ....
    <input name="BtnEnvoyer" type="submit" />
    </form>
    donc ca marche sauf que quand je clique sur le bouton envoyer qui amène à la page envoi_commande.php j'ai une erreur sur la page envoi_commande.php


    Notice: Undefined index: listeB in c:\program files\easyphp1-8\www\printopub\envoi_commande.php on line 2

    voici le code de la page envoi_commande.php

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    <?php
     $listeB = $_POST['listeB']; 
     echo $listeB;
     ?>
    merci pour votre aide

  2. #2
    Expert éminent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par défaut
    Bonjour,
    c'est parce que tu modifies ta liste via innerHTML, ce qu'il ne faut pas faire.
    ... et surtout pas à l'intérieur d'un form (les modif ne sont pas prises en compte).

    Il te faut utiliser les syntaxes appropriées comme indiqué dans la FAQ ...

    A+

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Ajax - Listes liées SANS base de données
    Par imip549 dans le forum jQuery
    Réponses: 2
    Dernier message: 24/10/2011, 15h10
  2. [AJAX] Listes liées avec Ajax
    Par Zak_92 dans le forum Général JavaScript
    Réponses: 10
    Dernier message: 15/08/2007, 12h19
  3. [AJAX] Listes liées
    Par oranocha dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 13/02/2007, 06h59
  4. [AJAX] Restaurer l'état de listes liées par Ajax
    Par vallica dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 27/10/2006, 13h36

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo