Afficher Masquer Div ET pré-sélection Radio

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:

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:

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";