Récupérer variables post submit

**Droïde Système7** · 12/09/2020, 14h52

Bonjour Toutes et Tous,

Toujours aussi peu à l'aise en ce langage, ça patine grave et ça fait déjà un certain temps

En gros mon but est la concrétisation d'un formulaire un peu spécial, qui doit faire apparaître un champ texte SEULEMENT si le futur expéditeur clique sur la radio-button "Téléphone" ou "indifférent".

Tout est OK côté PHP, mais s'il se produit un submit en cours de saisie, c'est là que la difficulté arrive.

La mémorisation du radio-button est perdue

(En PHP j'y arrive, mais avec un décalage = celui de la compil du server)

Bref, faut passer par une méthode plus "directe" : celle du JS.

Voici le focus sur le principe en question, qui bien entendu ne peut aucunement récupérer mes variables, et si vous pouviez m'aider un peu, ce serait super, merci d'avance

Code HTML :

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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
<!DOCTYPE html>
<html lang="fr">
	<head>
		<meta charset="UTF-8">
        <title>Gestion de variables/tags via radio-buttons checked</title>
        <script>
                
                        function click_radio_email(id)
                        {               
                                var RB = email;
                        }               
 
 
                        function click_radio_phone(id)
                        {
                                var RB = phone;                                 
                        }               
                        
 
                        function click_radio_indif(id)
                        {
                                var RB = indif;                                 
                        }                                       
                                                
                        
                        // LA DIFFICULTÉ ARRIVE AU SUBMIT CAR FAUT MÉMORISER LE CHECKED 
                        function gere_show_hide_inputPHONE(monObjet)
                        {
                                // Retrouver le RB checked grâce à son tag    
                                if (RB == 'email')
                                {
                                        alert('email');
                                }       
 
                                if (RB == 'phone')
                                {
                                        alert('phone');
                                }       
                                
                                if (RB == 'indif')
                                {
                                        alert('indif');
                                }                       
                        }
                        
                </script>
    </head>
    <body>
 
		E-mail
		<input type="radio" id="choix_email" name="choix_radio" value="email" onclick="javascript:click_radio_email('texte');"><br />
		Phone
		<input type="radio" class="bouton" id="bouton_texte" name="choix_radio" value="telephone" onclick="javascript:click_radio_phone('texte');"><br />
		Indif 
		<input type="radio" id="choix_indif" name="choix_radio" value="Indifféremment" onclick="javascript:click_radio_indif('texte');"><br />
 
		<form> 
			<button type="submit" onclick="gere_show_hide_inputPHONE()">Trouver le RB checked</button>
		</form>
 
	</body>
</html>

J'ajoute que je ne souhaite pas passer par une méthode de cookies ou de détergent.

DS7

**NoSmoking** · 12/09/2020, 16h42

Bonjour,
s'en regarder plus avant tu as un problème de scope

Code :

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

1
2
3
4
function click_radio_email(id)
{
  var RB = email;
}

La variable RB est définie dans ta fonction et visible uniquement dans ta fonction.

La variable RB que tu as un peu plus loin dans ton code est une autre variable, non définie d'ailleurs.

Regarde ce qui se passe dans la console, F12.

**Droïde Système7** · 12/09/2020, 17h19

NoSmoking

Hé oui tout ça je sais, crois bien que j'ai passé assez de temps à rechercher partout, mais ce n'est pas ma façon de raisonner (autres langages...).

Je connais aussi le F12 et les conseils inhérents de Mozilla ; mais suis pas plus avancé

**NoSmoking** · 13/09/2020, 09h30

En regardant plus avant je ne saisie pas trop ce que tu essaies de faire !

Il nous manque peut-être des informations complémentaires sur le HTML.

Si le but au clic sur un « radio-button » est d'afficher un champs particulier cela se fait simplement même en pur CSS.

Lors de la soumission, seuls les éléments ~~affichés~~ non disabled sont transmis.

Si tu ne souhaites pas utiliser les cookies, Ajax ou autre localStorage il faut savoir que la page étant rechargé le JavaScript ne « survit » pas à cela et est également rechargé. Tu as toujours la possibilité, côté serveur, de récupérer le « radio-button » et de la cocher par défaut.

**javatwister** · 13/09/2020, 11h57

Beaucoup de problèmes dans ton code: html pas logique et script dont on comprend difficilement le but;

Essaie quelque chose comme ça, teste et dis si ça t'avance:

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
<form id="f"> 
	E-mail
	<input type="radio" id="choix_email" name="choix_radio" value="email" /><br />
	Phone
	<input type="radio" id="bouton_texte" name="choix_radio" value="telephone" /><br />
	Indif 
	<input type="radio" id="choix_indif" name="choix_radio" value="Indifféremment" /><br />
 
	<input type="hidden" id="cache" name="cache" />
 
	<input type="submit" value="Trouver le RB checked" />
</form>

Code javascript :

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

1
2
3
4
5
6
7
8
9
10
11
const cache=document.querySelector("#cache");     
document.querySelector("#f").addEventListener("click",(e)=>{
	if(e.target.type=="radio" && e.target.value!="email"){
		cache.type="text";
		cache.value=e.target.value;
	}
	else{
		cache.type="hidden";
		cache.value="";
	}
})

**Droïde Système7** · 13/09/2020, 12h29

NoSmoking, tu m'as donné des éléments qui me seront toujours utiles par la suite.

Javatwister, tu n'as pas compris le but de mon code ?

Oui mais alors dis-moi ; pourquoi as-tu résolu mon problème directement ?

J'avais en effet déjà pensé et ajouté un input hidden afin de ruser au plus direct. Mais j'étais bien loin de pondre une méthode comme la tienne !

Je vais tenter petit à petit d'en comprendre et admirer chaque morceau.

Merci amis programmeurs (et cadors) d'avoir eu la gentillesse de passer un peu de temps pour moi

DS7

Récupérer variables post submit

JavaScript

Vue hybride

Discussions similaires

Partager

Partager