• multibillionaire

    (@multibillionaire)


    Beste

    Ik probeer in een contact form een optie te coderen waarbij er 2 knoppen komen.
    Knop 1 (=SIM toevoegen): wanneer er op deze knop wordt gedrukt wil ik dat er 6 nieuwe vakjes komen met hun eigen titel (zie hieronder)

    Knop 2 (=SIM verwijderen): wanneer er op deze knop wordt gedrukt moeten diezelfde 6 vakjes weer weg.

    Ik heb momenteel deze code voor de 2 knoppen:

    <script type="text/javascript">
      var intTextBox=1;
      //FUNCTION TO ADD TEXT BOX ELEMENT
      function addElement()
      {
        intTextBox = intTextBox + 1;
        var contentID = document.getElementById('content');
        var newTBDiv = document.createElement('div');
        newTBDiv.setAttribute('id','strText'+intTextBox);
        newTBDiv.innerHTML = "SIM "+intTextBox+": <input />";
        contentID.appendChild(newTBDiv);
      } 
      //FUNCTION TO REMOVE TEXT BOX ELEMENT
      function removeElement()
      {if(intTextBox != 0)
      {var contentID = document.getElementById('content');
       contentID.removeChild(document.getElementById('strText'+intTextBox));
       intTextBox = intTextBox-1;}}
    </script>
    
    <p>
      <a href="addElement();">SIM toevoegen</a> <br> 
      <a href="removeElement();">SIM verwijderen</a> <br> </p>
    <div id="content"></div>

    En als er op de “SIM toevoegen” knop wordt gedrukt wil ik dat de volgende 6 vakken tevoorschijnkomen:

    Abonnement [select* Abonnement include_blank "FLEX" "FLEX +" "UNLIMITED LIGHT" "UNLIMITED" "UNLIMITED PREMIUM 5G"]
    Favoriete App Kiezen (Onbeperkt Data)[select* JeFavorieteApp include_blank "Facebook" "Instagram" "WhatsApp" "Twitter" "Snapchat" "Pinterest"]
    Nieuw Nummer of Nummer Behouden?
    [select SIMQA include_blank "Nieuw Nummer" "Overdracht Nummer"][tel GSM-Nummer placeholder "GSM-Nummer (Indien overdracht)"][text* SIM-kaartnummer placeholder "SIM-kaart nummer (Indien overdracht)"]
    Bij Voormalige Operator (Indien Overdracht)[select* Bijvoormaligeoperator include_blank "Prepaid Kaart" "Abonnement"]

    Ik hoop dat iemand mij hierbij kan helpen.

    Alvast bedankt voor uw tijd

Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
  • The topic ‘Javascript code – Toevoegen/Verwijderen optie’ is closed to new replies.