[newbie] radio button + input: conserver les données

**fredlocus** · 20/10/2009, 15h54

Bonjour,

J'ai un form avec deux radio buttons. Lorsqu'on clique su l'un d'eux - la selection exclue l'autre -, un champ input s'ouvre. En pressant sur le bouton submit, on retourne sur la même page (= 'myPage.html'). Mon problème est le suivant: je n'arrive pas à conserver la selection (du radio button) ainsi que la donnée tapée dans l'input après avoir pressé sur le bouton submit. Une aide serait la bienvenue. Merci d'avance.

fredlocus

P.S.: mon code:

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
37
38
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<script type="text/javascript">
function checkIt(el) {
var elementsArray = ['1text','2text'];
for (var i=0; i<elementsArray.length; i++) {
sel = document.getElementById(elementsArray[i]);
if (el.value == elementsArray[i]) {
sel.style.display = 'block';
} else {
sel.style.display = 'none';
}
}
}
 
function submitForm() {
document.myForm.submit();
}
</script>
</script>
<title>radio button tests</title>
</head>
<body>
<form name="myForm" action="myPage.html" method="get" >
<table>
<tr>
<td><input type="radio" name="radioButton" value="1text" onclick="checkIt(this)">first<div id="1text" style="display:none;width:150px" /><input type="text" id="single" size="25" name="1TextReal" /></div><br><td>
</tr>
<tr>
<td><input type="radio" name="radioButton" value="2text" onclick="checkIt(this)">second<div id="2text" style="display:none;width:150px" /><input type="text" id="single" size="25" name="2TextReal" /></div><br></tr>
</tr>
</table>
<input type="submit" value="send me info" onclick="submitForm()">
</form>
</body>
</html>

**kernelfailure** · 20/10/2009, 18h52

Si ta page html est de l'html pure, c'est normal (sans transaction serveur). Cela revient à faire un ré-affichage et donc les valeurs par défaut seront positionnées. Donc, perte d'information.
ton formulaire étant en 'get', tu peux analyser l'url pour positionner tes valeurs en javascript (si tu n'as pas d'autre chose sous la main).

Sinon, dans ton code, on voit 'sel' et 'el'. Je suppose qu'il y a une erreur.
Ensuite, il manque un </tr> à la place d'un </td> sur ta dernière ligne de tableau.

**Matthieu2000** · 21/10/2009, 10h46

http://javascript.developpez.com/faq...vig#RecupParam
puis sur le onload, initialise ton formulaire

[newbie] radio button + input: conserver les données

JavaScript

Discussions similaires

Partager

Partager