Afficher une page au changement d'OPTION d'un SELECT

**Darkoos0410** · 02/02/2021, 15h55

Bonjour,
J'ai créer une interface web en HTML grâce a wamp seveur. Je veut faire un menu déroulant mais je voudrais que quand on clique sur une des options du menu déroulant une autre page s'affiche pour voir le détail de ce capteur.

Code html :

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
<html>
    <link href="css/" rel="stylesheet" media="all" type="text/css">
    <head><title>Qualité de l'air exterieur</title></head>
    <body>
        <h1>Qualité de l'air exterieur </h1>
        <form >
 
		 <!<input type="submit" name="Taux_Pollution" value="Taux Pollution"/>>
         <!<input type="submit" name='annuler' value='ANNULER'/>>
		 <label for="pet-select">Veuillez choissir un capteur</label>
 
			<select name="Capteur" id="Capteur-select">
    <option value="">--Choississez un Capteur--</option>
    <option value="capteur1">capteur1</option>
    <option value="capteur2">capteur2</option>
 
			</select>
 
        </form>
 
    </body>
</html>

Merci d'avance pour votre aide

Baptiste

**pascalg2** · 06/02/2021, 13h07

Bonjour,

En supposant que tes fichiers s'appellent capteur1.html et capteur2.html.
S'ils sont dans un autre répertoire tu mets le chemin dans une variable nommée... chemin

Code html :

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

<select name="Capteur" id="Capteur-select" onclick='window.open(chemin + this.value + "html")'>

ou tout autre fonction si tu veux faire autre chose.

Afficher une page au changement d'OPTION d'un SELECT

JavaScript

Vue hybride

Discussions similaires

Partager

Partager