liens dans une liste déroulante

Version imprimable

25/03/2006, 17h52
JulienCEA

liens dans une liste déroulante

Je fais une page web consultable en local, je voudrais créer une liste déroulante qui permettrais de charger une page différente pour chacun des choix de la liste. Je sais le faire avec du PHP mais dans mon cas je ne peux pas car je suis en local sans serveur PHP. Je pense au javascript mais je ne sais pas comment faire ?
25/03/2006, 19h41
Kerod

Dans le Onchange du select tu mets le nom de la fonction que tu vas créer pour faire le changement de page en fonction de la valeur du select.

Puis dans la fonction pour ouvrir une page c'est :

Code:

document.location.href = "page.htm"

bonjour,

ce script peut sans doute répondre à ta question :

Code:

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
<html>
<head>
<title></title>
 
<script type="text/javascript">
<!--
function ChargePage(liste)
{
 var i = liste.selectedIndex;
 var choix = liste.options[i].value;
 window.location.href = choix;
}
 
//-->
</script>
 
</head>
 
<body>
<select size="1" id="combo" onchange="ChargePage(this)">
    <option value="page1.htm">Page 1</option>
    <option value="page2.htm">Page 2</option>
    <option value="page3.htm">Page 3</option>
</select>
 
</body>
 
</html>

:wink:

Pourquoi ne pas mettre directement this.value ???
comme ceci :

Code:

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
 
<html>
<head>
<title></title>
 
<script type="text/javascript">
<!--
function ChargePage(page)
{
 window.location.href = page;
 
}
 
//-->
</script>
 
</head>
 
<body>
<select size="1" id="combo" onchange="ChargePage(this.value)">
    <option value="page1.htm">Page 1</option>
    <option value="page2.htm">Page 2</option>
    <option value="page3.htm">Page 3</option>
</select>
 
</body>
 
</html>

26/03/2006, 13h02
JulienCEA

Merci !