Comunidad de diseño web y desarrollo en internet online

Duplicar select javascript ?

Citar            
MensajeEscrito el 18 Nov 2007 03:48 am
Hola a todos, bueno explico mi problema para ver si alguien me puede ayudar.

Tengo este formulario
y necesito que con un enlace o la forma que sea duplicar
campo select con todos sus option
* intenté hacerlo adaptando una funcion de este tutorial
http://www.cristalab.com/tips/32381/subir-multiples-archivos-con-php
pero no pude.

espero alguien me eche una manito...

Código :

<form id="form4" name="form4" method="post" action="index.php">
    <select name="selectproducto[]">
        <option value="0" selected="selected">Seleccione un producto para el enlace...</option>
        <option value="1">Vegetarianos / Productos Alimenticios ## sadasdasd</option>
        <option value="2">Vegetarianos / Productos Alimenticios ## asdasd</option>
        <option value="3">Vegetarianos / Otros ## qweqweq</option>
        <option value="4">Vegetarianos / Otros ## qweqwe</option>
        <option value="5">Vitaminas / Premium Pax ## qazqazqaz</option>
    </select>
</form>


gracias

Por egoman

61 de clabLevel



Genero:Masculino  

Concepción - Chile!

firefox
Citar            
MensajeEscrito el 19 Nov 2007 07:24 pm
Lo q necesitas es clonar un objeto y mostrarlo en pantalla no?

Podrias probar con esto

#codigo HTML

Código :

<form id="form4" name="form4" method="post" action="index.php">
    <select id="elAduplicar" name="selectproducto[]">
        <option value="0" selected="selected">Seleccione un producto para el enlace...</option>
        <option value="1">Vegetarianos / Productos Alimenticios ## sadasdasd</option>
        <option value="2">Vegetarianos / Productos Alimenticios ## asdasd</option>
        <option value="3">Vegetarianos / Otros ## qweqweq</option>
        <option value="4">Vegetarianos / Otros ## qweqwe</option>
        <option value="5">Vitaminas / Premium Pax ## qazqazqaz</option>
    </select>
    <div id="acaCargoSelectClonado"></div>
    <a href="" onclick="duplicar();return false;">duplicar</a>
</form>


# codigo javascsript

Código :

function duplicar(){
   var obj = document.getElementById("elAduplicar").clone();
   document.getElementById("acaCargoSelectClonado").appendChild(obj);
}



Saludos

Por 3w

145 de clabLevel



Genero:Masculino  

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.