Ajouter liste à chaque clique de bouton

Bonjour,
je travaille avec Symfony sur PhpStorm, je ne connais pas très bien Javascript encore et j'aimerai savoir comment faire pour ajouter liste à chaque clique de bouton ? j'ai réussi à ajouter la liste une fois quand je clique sur le bouton mais lorsque je reclique dessus plus rien ne se passe. Comment faire pour que la liste s'affiche à chaque fois qu'il y a un clique ?

Voici mon code:

<script>

            function viewListe(){
                document.getElementById('maListe').innerHTML = '            <label for="userR">\n' +
                    '            <select name="userR" id="userR">\n' +
                    '                <option value="vide">Pour validation</option>\n' +
                    '                {% for user in listeUsers %}\n' +
                    '                    {% if userCo.id!=user.id %}\n' +
                    '                        <option value="{{ user.id }}">{{ user.lastname|upper }} {{ user.firstname }}</option>\n' +
                    '                    {% endif %}\n' +
                    '                {% endfor %}\n' +
                    '            </select>\n' +
                    '            </label>';
            }

</script>
        <input type="button"  onclick="viewListe()" value="+">
        <p id="maListe"></p>

Merci beaucoup pour votre aide !
Modifié par romane_pm (05 Nov 2019 - 20:44)

Salut

J'ai pas trop compris ton problème

Tout ce que je vois avec ton code, c'est que tu ajoutes systématiquement au même élément html la même liste.