Creare nuovi elementi in un form

spacca!  0 scarso!  0 versione stampa invia per email scheda utente totale visite  630
Una piccola funzione javascript per creare nuove select e nuovi input al click di un button[n]
Non ho commentato il codice, appena ho un pò di tempo provvederò.[n]
[n]
la funzione javascript che si occuperà di duplicare la select dei prodotti e l'input per la quantità
<script type="text/javascript">
    i=1;
    function newList(){
        i++;
        var slct = document.ordine.categoria1.cloneNode(true);
        slct.setAttribute("name", "categoria"+i);
        document.ordine.appendChild(slct);
        var qta = document.ordine.qta1.cloneNode(true);
        qta.setAttribute("name", "qta"+i);
        qta.setAttribute("value", 1);
        document.ordine.appendChild(qta);
        var br = document.createElement("br");
        document.ordine.appendChild(br);
    }
</script>
Il codice html per la creazione del form
<form name="ordine">                
    <select name="categoria1">
        <option value="prodotto1">prodotto 1</option>
        <option value="prodotto2">prodotto 2</option>
        <option value="prodotto3">prodotto 3</option>
    </select><input type="text" size="2" name="qta1" value="1"/>
    <br/>
</form>
<input type="button" value="Aggiungi" onclick="newList()"/>
uso un po di css per separare i due elementi visto che javascript non aggiunge lo spazio tra un elemento e l'altro
<style type="text/css">
    form select {
        margin : 5px;
    }
</style>
 
 

Inserisci un commento

non sei loggato

CAPTCHA