[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