Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

  1. #1
    Membre du Club
    Ajout de X champs selon une liste déroulante (ASP/VBScript)
    Bonjour,

    Comment je pourrais afficher autant de input text en fonction de la valeur choisie d'une listbox et/ou afficher la valeur sélectionnée dans un msgbox?

    Exemple listbox :

    Ajout de X champs selon une liste déroulante

    Code html :Sélectionner tout -Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    <tr>
                <td align='left'>Title :</td>
                <td align='left'>
                   <select id='my_id' name='my_name'>
                      <option value='0'>0</OPTION>
                      <OPTION value='1'>1</OPTION>
                      <OPTION value='2'>2</OPTION>
                      <OPTION value='3'>3</OPTION>
                   </select>
                </td>
             </tr>


    Merci.

  2. #2
    Membre du Club
    J'ai essayé ceci pour gérer la partie msgbox mais ça ne fonctionne pas

    Code html :Sélectionner tout -Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    <script>
              function GetSelectedTextValue(obj) {
                var selectedText = obj.options[obj.selectedIndex].innerHTML;
                var selectedValue = obj.value;
                Application("value") = selectedValue
                alert("Selected Text: " + selectedText + " Value: " + selectedValue);
              }
          </script>



    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
    <tr>
                <td align='left'>Title :</td>
                <td align='left'>
                   <select id='my_id' name='my_name' onchange='GetSelectedTextValue(this)'>
                      <option value='0'>0</OPTION>
                      <OPTION value='1'>1</OPTION>
                      <OPTION value='2'>2</OPTION>
                      <OPTION value='3'>3</OPTION>
                   </select>
                </td>
              <br/><br/>
         <%   nb = 10
      while i <= nb
        Response.Write(i & "<BR>")
         i = i+1
      wend %>


    je voudrais remplacer le 10 par la valeur récupérée?

  3. #3
    Membre du Club
    Solution
    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
    <html>
    <head>
        <style> 
                div.employees {
                            padding: 5px;
                            margin: 20px;
                            width: 170px; 
                            border: 1px dashed;
                }
        </style>
        <script>
            window.onload = function() {
                document.getElementById('container').style.display = 'none';
            }
     
            function addInputs(){
                var number = document.getElementById("employee").value;
     
                var container = document.getElementById("container");
     
                while (container.hasChildNodes()) {
                    container.removeChild(container.lastChild);
                }
                for (i=0;i<number;i++){
     
                    container.appendChild(document.createTextNode("Employee " + (i+1) + ": "));
     
                    var input = document.createElement("input");
                    input.type = "text";
                    input.name = "employee" + i;
                    container.appendChild(input);
     
                    container.appendChild(document.createElement("br"));
                }
     
                 if (number == 0){
     
                 document.getElementById('container').style.display = 'none';
                 } else {
                           document.getElementById('container').style.display = 'block';
                 }
    }
        </script>
    </head>
    <body>
        <p>Number of employees:</p>
        <br>
        <select id="employee" onchange="addInputs()">
                <option value="0">0
                <option value="1">1
                <option value="2">2
                <option value="3">3
                <option value="4">4
                <option value="5">5
        </select>
     
        <div id="container" class="employees" />
     
    </body>
    </html>

  4. #4
    Modérateur

    Bonjour,
    tu écris dans le titre (ASP/VBScript) et tu donnes une solution en javascript.

    Je pense qu'il aurait était préférable dans ce cas de poster ta question dans le forum javascript, nul doute que tu aurais eu des réponses

  5. #5
    Membre du Club
    Bonjour,

    Merci pour votre commentaire mais je n'ais pas trouvé de solution en VBScript.

###raw>template_hook.ano_emploi###