renvoyer la valeur d'un combobox dans un lien.

**ghis33** · 28/12/2007, 18h11

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 :

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
 
<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 :

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

1
2
3
4
5
 
<?php 
header("Location:../index.php?page=match&equipe='resultat'");
exit();
?>

Merci de m'éclaircir un peu ^^

**sachav** · 28/12/2007, 18h30

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 :

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
<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>

**sachav** · 28/12/2007, 18h33

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

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
<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 :

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

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

Pour recuperer la variable.

**ghis33** · 28/12/2007, 19h02

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.

**sachav** · 28/12/2007, 19h21

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

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
 
<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 :

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
 
<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.

**ghis33** · 28/12/2007, 19h54

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!!

**ghis33** · 29/12/2007, 16h24

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..

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
 
<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>

**sachav** · 29/12/2007, 17h04

Essayez deja de mettre

Code :

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

1
2
 
onsubmit="foo(); checkall();"

**sachav** · 29/12/2007, 17h04

N'avez-vous pas une page sur internet pour que je puisse tester?

**ghis33** · 29/12/2007, 17h36

non c'est en local.
ca change rien. onsubmit="foo(); checkall();"

**sachav** · 29/12/2007, 18h12

C'est forcement en serveur vu qu'il y a du php...

**ghis33** · 29/12/2007, 18h13

j'utilise movamp ca reste en local...

**sachav** · 29/12/2007, 18h15

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.

renvoyer la valeur d'un combobox dans un lien.

JavaScript

Discussions similaires

Partager

Partager