JavaScript et lien hypertexte

**Azerty24100** · 02/06/2014, 22h29

Bonjour,

Je souhaiterai savoir comment faire pour mettre plusieurs infos dans mes liens hypertexte. Je sais le faire avec une information mais je ne sais pas comment faire avec plusieurs infos.

Par exemple, dans un de mes formulaires, j'ai des listes déroulantes remplies a partir de ma base de données :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<select name="listeMarque" onChange="menumarque(this)">
<option value="">Marque</option>

Avec le code qui permet de la remplir en dessous.

Puis j'ai une seconde liste :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<select name="listeProduit" onChange="menuproduit(this)">
<option value="">Produit</option>

Et quand je fais fonctions Javascript qui vont avec :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
<SCRIPT language=javascript>
    function menumarque(choix) {
        marque = choix.options[choix.selectedIndex].value;
        window.location.href = 'http://127.0.0.1/appli/formulaires/form_PRODUIT.php?num_marque='+marque;
    } 
    function menuproduit(choix) {
        produit = choix.options[choix.selectedIndex].value;
        window.location.href = 'http://127.0.0.1/appli/formulaires/form_PRODUIT.php?num_marque='+marque+'&num_produit='+produit;
    }                          
</SCRIPT>

Mais la seconde valeur (produit) ne vient pas s'ajouter a la suite du lien...

Pouvez-vous m'aider svp ?

Merci d'avance.

**SylvainPV** · 02/06/2014, 22h52

Pense à toujours déclarer tes variables avec le préfixe var. Les variables déclarées dans une fonction ne sont pas accessibles depuis une autre fonction : elles sont locales.

Pas besoin de l'argument choix, tu peux récupérer les index sélectionnés comme ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
function menuproduit() {       
   var marque = document.getElementsByName("listeMarque")[0].value;
   var produit = document.getElementsByName("listeProduit")[0].value;
   window.location.href= 'http://127.0.0.1/appli/formulaires/form_PRODUIT.php?num_produit='+marque+'&num_produit='+produit;
}

**Azerty24100** · 02/06/2014, 23h09

Merci mais ca ne fonctionne pas en totalité.

Quand je sélectionne une marque, j'ai le lien :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

http://127.0.0.1/appli/formulaires/form_PRODUIT.php?num_marque=02&num_produit=

Et quand je sélectionne le produit, je me retrouve avec :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

http://127.0.0.1/appli/formulaires/form_PRODUIT.php?num_marque=&num_produit=201401

En clair, j'ai jamais les 2 dans le lien...

**SylvainPV** · 03/06/2014, 01h16

Ça fonctionne sur cette démo : http://codepen.io/anon/pen/zEwbG

Poste ton code complet stp

**SpaceFrog** · 03/06/2014, 08h50

Pense aussi à échapper les données que tu souhaites passer dans l'url => encodeURIComponent()

**Azerty24100** · 03/06/2014, 10h26

Voici le code de ma page :

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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
 
<?php
    include ("connexion.php"); 
    $maconnexion = odbc_connect($dsn4, $db_user, $db_pass);        
?>
<html>
    <head>
        <title>Production</title>
        <link rel="stylesheet" type="text/css" href="../styles/style_css.css">
        <link rel="shortcut icon" type="image/png" href="../images/favicon.png" />
    </head>
 
    <body>
 
        <div id="principal">
 
            <center>
                <img src="../images/logo.png" title="Logo" />
                <h2>Produit</h2>
                <hr />
 
                <form name="form_PRODUIT.php" method="post">
 
                    <!-- Liste déroulante des produits -->
                    <select name="listeMarque" onChange="menuproduit(this)">
                    <option value="">Marques</option>
 
                    <?php       
                        // Requête de selection
                        $req_marque = "SELECT * FROM Marque ORDER BY nom_marque ASC";
                        $result_marque = odbc_do ($maconnexion,$marque);                   
                     
                        // Remplissage de la liste déroulante
                        while($marque = odbc_fetch_array($result_marque)) {    
                            echo '<option value = '.$marque['num_marque'].'>'.utf8_encode($marque['nom_marque']).'</option>';
                        }
                        echo'</select>';
                    ?>
 
                    <!-- Liste déroulante des produits -->
                    <select name="listeProduit" onChange="menuproduit(this)">
                    <option value="">Produits</option>
 
                    <?php
                        if (isset($_GET['num_marque'])) {
 
                            $req_produit = "SELECT * FROM Produit WHERE num_marque='".$_GET['num_marque']."' ORDER BY nom_produit DESC";
                            $result_produit = odbc_do ($maconnexion, $req_produit);
                             
                            // Remplissage de la liste déroulante
                            while ($produit = odbc_fetch_array($result_produit)) {
                                echo '<option value ='.$produit['num_produit'].'>'.$produit['nom_produit'].'</option>';
                            }
                            echo '</select>';
                        }
                    ?>
                </form>
            </center>
        </div>
 
        <SCRIPT language=javascript>
            function menuproduit() {       
                var marque = document.getElementsByName("listeMarque")[0].value;
                var produit = document.getElementsByName("listeProduit")[0].value;
                window.location.href= 'http://127.0.0.1/appli/formulaires/form_PRODUIT.php?num_marque='+marque+'&num_produit='+produit;
            }
        </SCRIPT>
    </body>
</html>

JavaScript et lien hypertexte

JavaScript

Vue hybride

Discussions similaires

Partager

Partager