element selectionné d une liste

Version imprimable

30/01/2006, 15h28
tioseb

element selectionné d une liste

comment faire pour rafraichir une page en javascript quand je choisi une option dans une zone de liste.
Puis aprés le rafraîchissement ma zone de liste doit garder la valeur selectionnée et que la valeur s'affiche dans un input type="text".
J'ai charché des tutoriaux mes je ne trouve pas!
30/01/2006, 15h32
MacReiben

*Tu as un évènement onchange associé à une liste qui devrait te permettre de recharger ta page.
30/01/2006, 15h36
tioseb

j'ai déjà mis cet évènement mais lors du rafraîchissement mon champs text ne prend pas de valeur je ne sait pas comment lui affecter la valeur
30/01/2006, 15h41
MacReiben

tu pourrais coller le code de qui génère ton input ?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<script language="JavaScript">
	function affiche()	
	{
		alert("Vous avez changé la valeur!");
	}  
</script>
</head>
<body>
<form name="formChange" method="POST">
	<select name="change" onChange="affiche()">
		<option value="1">premier</option>
		<option value="2">second</option>
		<option value="3">troisième</option>
		<option value="4">quatrième</option>
		<option value="5">cinquième</option>
	</select>
	<input type="text" name="ess" value="<?php $_POST['change']; ?>" >
</form>

Voilà mon code mais peut -être qu'il n'est pas exacte car je ne connait pas le javascript et je débute en php

30/01/2006, 15h46
MacReiben

<?= $_POST['change']; ?>"

comme ça ?
30/01/2006, 15h50
tioseb

désolé mais je ne comprend pas ta réponse
30/01/2006, 15h53
MacReiben

c'est une façon d'afficher le contenu d'une variable sans faire echo.

je me disais que peut-être le problème viens de la. Sois tu fais un echo sois la syntaxe que je viens d'écrire.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<script language="JavaScript">
   function affiche()   
   {
      document.formChange.submit();
   } 
</script>
</head>
<body>
<form name="formChange" method="POST">
   <select name="change" onChange="affiche()">
      <option value="1">premier</option>
      <option value="2">second</option>
      <option value="3">troisième</option>
      <option value="4">quatrième</option>
      <option value="5">cinquième</option>
   </select>
   <input type="text" name="ess" value="<?php $_POST['change']; ?>" >
</form>

30/01/2006, 16h05
tioseb

merci de ton aide mais j'ai essayé et la syntaxe ne passe pas donc je continue de chercher pour affecter une valuer à partir de ma zone de liste dans mon champ texte

tu veux juste lui mettre ce qui a été selectionné sans envoyer le formulaire ?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
<script language="JavaScript">
   function affiche()   
   {
      sel = document.getElementById('change');
      inp = document.getElementById('ess');
      inp.value = sel.options[sel.selectedIndex].value; // ou .text
   }
</script>
</head>
<body>
<form name="formChange" method="POST">
   <select name="change" id="change" onChange="affiche()">
      <option value="1">premier</option>
      <option value="2">second</option>
      <option value="3">troisième</option>
      <option value="4">quatrième</option>
      <option value="5">cinquième</option>
   </select>
   <input type="text" name="ess" id="ess" />
</form>

31/01/2006, 13h47
tioseb

Merci à tous

merci tout fonctionne comme il faut!
mais comme je ne sais pas coment marquer le message comme résdolu aprés avoir quitté le site je vous dis juste que c'est bon merci!!!