Hola gente, estoy tratando de validar un formulario en JS, después ya pasará por el servidor. La cuestión es que tengo un select con varias opciones, si eliges por ejemplo 4 se crean 4 campos, y así sucesivamente. Pero si por ejemplo elijo 4, introduzco los datos, y después elijo 5, sólo se quedan los datos en el primer campo, y no en los demás. He hecho 1000 pruebas y no sé qué puede ser :S Por eso acudo a vosotros, aquí os dejo el código (es un poco espeso, lo siento ;)):
Código Javascript
:
Ver originalfunction ID(id){
return document.getElementById(id);
}
var n=1, l=1;
function addI(v){
switch(v.value){
case '+7':
ID('btn').style.display = 'block';
break;
default:
if(Int(v.value) > n){
for(j=0; j<Int(v.value)-l; j++){
ID('inicio').innerHTML+="<input type='text' name='coordx[]' id='cx"+n+"' size='10' class='input' /><br />";
ID('final').innerHTML+="<input type='text' name='coordy[]' id='cy"+n+"' size='10' class='input' /><br />";
n++;
}
}
break;
}
l = ID('inicio').getElementsByTagName('input').length+1;
}
function addC(){
ID('inicio').innerHTML += "<input type='text' name='coordx[]' id='cx"+n+"' size='10' class='input' /><br />";
ID('final').innerHTML += "<input type='text' name='coordy[]' id='cy"+n+"' size='10' class='input' /><br />"
n++;
}
Código HTML:
Ver original <select id='colonias' name='colonias' onchange="addI(this);"> <input type='text' id='cx0' name='coordx[]' size='15'/> <input type='text' id='cy0' name='coordy[]' size='15' /> <input type="button" value="Agregar campo" id='btn' onclick="addC();if(ID('inicio').getElementsByTagName('input').length>6) ID('colonias').disabled=true;" />
Gracias y saludos (: