Créer dynamiquement un champs texte

Résolu
Messages postés
46
Date d'inscription
lundi 4 avril 2005
Statut
Membre
Dernière intervention
25 septembre 2007
-
Messages postés
10839
Date d'inscription
lundi 24 février 2003
Statut
Modérateur
Dernière intervention
2 mars 2010
-
bonjours
je veu savoir s'il ya une possibilité de créé un champs text dynamiquement.voila ce que je veu:
j'ai une formulaire dans laquelle l'utilisateur selectionne le nembre de répense à un question. Selon le nombre séléctionné, des champs texte égaux à ce nombre s'affiche.
alors y a t-il une solution???
merci

2 réponses

Messages postés
1980
Date d'inscription
dimanche 20 février 2005
Statut
Membre
Dernière intervention
24 septembre 2012
5
Messages postés
10839
Date d'inscription
lundi 24 février 2003
Statut
Modérateur
Dernière intervention
2 mars 2010
26
Hello,

un exemple parce que c'est vite fait :

<html>
    <head>
        <script type="text/javascript">
        window.onload = function() {
            sElem = document.getElementById('_select');
            try {
                myEventListener(sElem, 'change', liste, false);
            } catch(e) {
                alert(e);
            }
            pElem = document.getElementById('chx');
            aChx = pElem.getElementsByTagName('input');
            for (var i=0; i < aChx.length; i++) {
                myEventListener(aChx[i], 'click', choix);
            }
        }
       
        myEventListener = function (elem, event, fct) {
            if(!elem.addEventListener) {
                switch(event) {
                    case 'click':
                        elem.onclick=fct;
                        break;
                    case 'change':
                        elem.onchange=fct;
                        break;
                    default:
                        throw new Exception('Event not supported here');
                        break;
                }
            } else {
                elem.addEventListener(event, fct, false);
            }
        }
       
        liste = function() {
            document.getElementById('_selectTxt').value=document.getElementById('_select').value;
        }
       
        choix = function() {
            var iCpt=0;
            for(var i=0; i < aChx.length; i++) {
                if(aChx[i].checked === true) {
                    iCpt++;
                }
            }
            document.getElementById('_choixTxt').value = iCpt;
        }
        </script>
    </head>
   
        <form id="frm">
           
                <select name="_select" id="_select">
                    <option value="0" selected="selected">0</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                </select>
           

           
               

               

               

           

           
               
                <label for="_selectTxt">réponse(s) sélectionnée(s) dans la liste</label>
           

           
               

                <label for="_choixTxt">réponse(s) sélectionnée(s) dans les cases à cocher</label>
           

        </form>
   
</html>