Javascript code – Toevoegen/Verwijderen optie
-
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.