renvoyer la valeur d'un combobox dans un lien.

Version imprimable

Bonjour,je ne connais pas du tout le javascript.
j'ai récupéré un bout de code sur ce forum et j'aimerais l'ameliorer pour m'en servir.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <script type="text/javascript"> function foo(){ var sel= document.getElementById('monselect') document.getElementById('resultat').innerHTML=sel.value } </script> <form action="javascript:foo()" onsubmit='checkall()'> <select id="monselect" onchange="setTimeout(function(){foo()},100)" > <option value='1'>equipe1</option> <option value='2'>equipe2</option> </select> <div id='resultat'> </div> </form>
Dans ce code le résultat est renvoyé en dessous du combobox.
J'aimerais que la var 'résultat soit renvoyé dans un lien un peu comme en php,mais je ne connais pas la synthaxe et comme j'ai écrit au dessus c'est la premiere fois que j'utilise javascript...
Code:

1 2 3 4 5 <?php header("Location:../index.php?page=match&equipe='resultat'"); exit(); ?>
Merci de m'éclaircir un peu ^^

Creez un input hidden, attribuez-lui la valeur de sel.
Mettre window.onload=foo au cas ou l'utilisateur ne change pas le choix (ceci permet d'executer foo a l'ouverture de la fenetre.)
Et essayez de ne pas oublier les points-virgules pour la compatibilite.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 <script type="text/javascript"> function foo(){ var sel= document.getElementById('monselect'); document.getElementById('resultat').innerHTML=sel.value; document.getElementById('res').value=sel.value; } window.onload=foo; </script> <form action="javascript:foo()" onsubmit='checkall()'> <select id="monselect" onchange="setTimeout(function(){foo()},100)" > <option value='1'>equipe1</option> <option value='2'>equipe2</option> </select> <input type="hidden" id="res" value=""> <div id='resultat'> </div> </form>

N'oubliez pas la method egalement, si vous voulez le recuperer apres en php :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<script type="text/javascript">
function foo(){
var sel= document.getElementById('monselect');
document.getElementById('resultat').innerHTML=sel.value;
document.getElementById('res').value=sel.value;
}
window.onload=foo;
</script>
<form action="javascript:foo()" onsubmit='checkall()'>
    <select id="monselect" method="post" onchange="setTimeout(function(){foo()},100)" >
      <option value='1'>equipe1</option>
      <option value='2'>equipe2</option>
    </select>
    <input type="hidden" id="res" value="">
    <div id='resultat'>
    </div>
  </form>

Ensuite il suffit de faire un simple :

Code:

1
2
3
4
 
<?php
$resultat = $_POST["res"];
?>

Pour recuperer la variable.

28/12/2007, 19h02
ghis33

Ca marche toujours pas.
j'aimerais que quand je change de la valeur du combo, c'est a dire :

je selectionne equipe1
je renvoie a une page et le lien prend en variable la valeur de equipe 1 sans appuyer sur un bouton.

On peut voir la meme chose sur certain site ou il y a un combo avec des pays pour changer la langue et quand on selectionne le pays désiré la langue de la page change.

Ah! J'avais mal compris ta question.
Alors dans ce cas la :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
<script type="text/javascript">
function foo(){
var sel= document.getElementById('monselect');
document.getElementById('resultat').innerHTML=sel.value;
switch(sel.value) {
case "1" :
location.href="ma_page_equipe_1.html";
break;
case "2" :
location.href="ma_page_equipe_2.html";
break;
}
}
</script>
<form action="javascript:foo()" onsubmit='checkall()'>
    <select id="monselect" method="post" onchange="setTimeout(function(){foo()},100)" >
      <option value='1'>equipe1</option>
      <option value='2'>equipe2</option>
    </select>
    <div id='resultat'>
    </div>
  </form>

Ou alors SI ton select va se constituer que de equipe1, equipe2, equipe3, .... equipe99 avec les valeurs respectives 1, 2, 3, ..... 99 et des pages equipe1.html, equipe2.html, equipe3.html ..... equipe99.html il suffit de faire :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
<script type="text/javascript">
function foo(){
var sel= document.getElementById('monselect');
document.getElementById('resultat').innerHTML=sel.value;
document.getElementById('res').value=sel.value;
location.href="equipe"+sel.value+".html";
}
</script>
<form action="javascript:foo()" onsubmit='checkall()'>
    <select id="monselect" method="post" onchange="setTimeout(function(){foo()},100)" >
      <option value='1'>equipe1</option>
      <option value='2'>equipe2</option>
    </select>
    <input type="hidden" id="res" value="">
    <div id='resultat'>
    </div>
  </form>

PS:
header("Location: http://mapage"); de php est pareil que location.href="http://mapage" de javascript a peu de choses pres.

28/12/2007, 19h54
ghis33

ok merci pour toutes tes réponses,j'ai plus le temps de bosser,je te recontacte si j'ai encore un ptit probleme !
MERCI!!:king:

me revoilà j'ai essayé de mélanger a du php,mais je dois faire plein d'erreurs...y'a rien qui marche,et comme je comprends pas grand chose au javascript,j'ai besoin d'aide,deplus je ne sais pas trop comment manipuler les switch case puisque les numéro des équipes viennent de ma bdd.

dans mon <form> j'ai mis deux attributs action,je ne sais pas si c'est possible...
j'attends votre aide..8-)

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
29
30
31
32
33
34
35
36
 
<script type="text/javascript">
function foo(){
var sel= document.getElementById('monselect');
document.getElementById('resultat').innerHTML=sel.value;
switch(sel.value) {
case "1" :
location.href="index.php?page=matchequipe&archive=match&num="+set.value+;
break;
case "2" :
location.href="index.php?page=matchequipe&archive=match&num="+set.value+;
break;
}
}
</script>
  <form action="index.php?page=match&saisons=<? echo $saisons ?>" method="post" action="javascript:foo()" onsubmit='checkall()'>
    <?php
      $rqtcombo = "SELECT distinct club_equipe_libelle,club_equipe_num
                    FROM club_equipe,rencontre,saison
                    WHERE club_equipe_num = rencontre_clubequipenum 
                    AND rencontre_saisonnum = saison_num
                    AND saison_libelle = '$saisons'";
      $exec = mysql_query($rqtcombo) or die(mysql_error());
      
      echo "<select name = 'clubequipe' size='1' id='monselect' method='post' onchange='setTimeout(function(){foo()},100)'>"; //creation ducombo clubequipe
      
        while ($fetch = mysql_fetch_array($exec)) //boucle pour remplir le combo depuis la base
                {
                echo "<option value=".$fetch['club_equipe_num'].">";
                echo $fetch['club_equipe_libelle'];
                echo "</option>";
                }
      echo "</select>";
    ?>
    <div id='resultat'>
    </div>

29/12/2007, 17h04
sachav
Essayez deja de mettre
Code:

1 2 onsubmit="foo(); checkall();"
29/12/2007, 17h04
sachav

N'avez-vous pas une page sur internet pour que je puisse tester?
29/12/2007, 17h36
ghis33

non c'est en local.
ca change rien. onsubmit="foo(); checkall();"
29/12/2007, 18h12
sachav

C'est forcement en serveur vu qu'il y a du php...
29/12/2007, 18h13
ghis33

j'utilise movamp ca reste en local...
29/12/2007, 18h15
sachav

Bien. Pouvez-vous alors me donner la source une fois decodee par le client (une fois passee par movamp) ? : je ne peux pas deviner votre base de donnees.