Bonjour,
j'ai vu des posts similaire mais, je souhaiterais :
Dans un formulaire de saisie je sélectionne une valeur dans un radio. Selon la valeur choisie une div s'ouvre (avec des champs). J'arrive à faire cela.
Quand j'ouvre le formulaire en modification je récupère la valeur de l'input en base : ok. Par contre ce n'est pas le div correspondant qui s'ouvre dès que j'ouvre la page.
Ci-dessous le code simplifié. Merci pour votre aide.
HTML
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 <input <?php if (strcmp($formatedDataNotice['type_support_libelle'][0], "Texte") == 0) { echo "checked"; } ?> id="a1" type="radio" name="type_support_libelle[]" value="Texte" onchange="myFunction1()"/> <label for="a1"> Texte</label><br> <input <?php if (strcmp($formatedDataNotice['type_support_libelle'][0], "Texte sur papyrus") == 0) { echo "checked"; } ?> id="a2" type="radio" name="type_support_libelle[]" value="Texte sur papyrus" onchange="myFunction2()"/> <label for="a2"> Texte sur papyrus</label><br> <div id="oeuvre" style="display:none;" class="panel panel-default"> <div id="support" style="display:none;" class="panel panel-default">
JavaScript
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 function myFunction1() { var oeuvre = document.getElementById("oeuvre"); var support = document.getElementById("support"); oeuvre.style.display = "block"; support.style.display = "none"; } function myFunction2() { var oeuvre = document.getElementById("oeuvre"); var support = document.getElementById("support"); oeuvre.style.display = "none"; support.style.display = "block"; } var oeuvre = document.getElementById("oeuvre"); var support = document.getElementById("support"); oeuvre.style.display = "none"; support.style.display = "block";
Partager