Hola.
Tengo un formulario para subir unos datos, intento que se puedan subir varias imágenes en el servidor, así que se me ocurrio poner un select, con opciones del 1 al 5 por ejemplo... al elegir el 3 que aparezcan 3 campos <input type="file" .... /> dentro de un <div id="upload_files"> .... </div>
de momento lo único que consigo es que se agreguen campos, pero no logro eliminaro los que ya se muestran.
El código es este:
Código:
function agregarIMG(select, capa_fotos)
{
var capa_fotos = document.getElementById(capa_fotos);
var nodos_hijos = capa_fotos.getElementsByTagName("input");
for(var x=0; x < nodos_hijos.length; x++)
{
capa_fotos.removeChild(nodos_hijos[x]);
}
for(x = 0; x < select.value; x++)
{
var nodo=document.createElement("input");
nodo.type="file";
nodo.name="foto[]";
capa_fotos.appendChild(nodo);
}
}
y el html es:
Código HTML:
<fieldset><label for="fotos">Fotos: </label>
<select id="fotos" onChange="agregarIMG(this, 'upload_fotos')">
<option>0</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
<div id="upload_fotos">
<input id="foto" type="file" name="foto[]" />
</div>
</fieldset>
Son mis primeros pasos "jugando" con el DOM xDD