Foros del Web » Programando para Internet » Javascript »

Problemas n DOM con Select e Input

Estas en el tema de Problemas n DOM con Select e Input en el foro de Javascript en Foros del Web. Saludos, Tengo bastante tiempo que no ingreso así que aprovecho para desearles a todos éxitos este 2013. Mi problema es el siguiente: Estoy creando una ...
  #1 (permalink)  
Antiguo 11/01/2013, 13:05
Avatar de egepe  
Fecha de Ingreso: diciembre-2009
Mensajes: 310
Antigüedad: 10 años, 6 meses
Puntos: 7
Pregunta Problemas n DOM con Select e Input

Saludos,

Tengo bastante tiempo que no ingreso así que aprovecho para desearles a todos éxitos este 2013.

Mi problema es el siguiente:

Estoy creando una tablas dinámicas utlizando DOM, esta parte se hace perfecta (addrow, deleterow muy bien).Cada celda de la mencionada tabla las voy a utilizar para capturar datos, si todos los coloco INPUT no tengo problema se despliegan todos los input en forma correcta, sin embargo, si sustituyo cualquier de ello (en mi caso el primero) por un elemento 'select' presenta problema cuando cargo las 'option' .

Ocuerre que la tabla con DOM sigue haciendo los (add y delete) row muy bien, sólo que ahora únicamente me muestra las opciones del 'select' y nunca los input que le siguen.

No sé si alguien le ha ocurrido esto saludos

Paso a mostrar parte del código Saludos


celda = new Array();
var opciones = Cadena.split('|');

// Cadena es donde vienen las opciones separadas por "@"y "|"
// ejemplo como se muestra [email protected]|[email protected]|[email protected]ón|[email protected]ón...|[email protected] cionNn|
// y lo guardo en opciones que luego va a volverse a picar


celda[1] = row.insertCell(1);
selector = document.createElement('select');

selector.setAttribute('valign','top');
selector.setAttribute('align','center');
selector.name = 'pub_calc['+ iteration+']' +'[]';
selector.id = 'pub_calc['+ iteration+']' +'[]';
selector.setAttribute('class', 'sr');
celda[1].appendChild(selector);

////////////// Cargo los elemento dinámicos //////////////////


for (k=0; ((opciones.length)-1); k++)
{
opcion = document.createElement('option')
var val_opc = opciones[k].split('@')
opcion.value = val_opc[0];
opcion.innerHTML = val_opc[1];
selector.appendChild(opcion);
}

////////////////////////////////

// qty
celda[2] = row.insertCell(2);
input1 = document.createElement('input');
input1.type = 'text';
input1.size = 15+2;
input1.setAttribute('maxlength', 15);
input1.setAttribute('valign','top');
input1.setAttribute('align','center');
input1.name = 'qty[]' +'[]';
input1.id = 'qty[]' +'[]';
input1.setAttribute('class', 'sr');
input1.onkeypress = keyPressTest;
celda[2].appendChild(input1);

Ojo si no cargo las opciones cuando me muestra el 'Select' sin opciones y el resto de los input

Bueno cualquier ayuda la agradezco

Cordiales Saludos
  #2 (permalink)  
Antiguo 11/01/2013, 17:37
Avatar de egepe  
Fecha de Ingreso: diciembre-2009
Mensajes: 310
Antigüedad: 10 años, 6 meses
Puntos: 7
Respuesta: Problemas n DOM con Select e Input

Estimados ya lo solucione, aparentemente la carga de las opciones del 'select' con el 'for' da problemas se debe carga con while...

Quedaría esta parte así:

k=0
while (k <= ((opciones.length)-1))
{
opcion = document.createElement('option')
var val_opc = opciones[k].split('@')
opcion.value = val_opc[0];
opcion.innerHTML = val_opc[1];
//alert (val_opc[0]+" "+val_opc[1])
selector.appendChild(opcion);
k = k + 1
}

ahora lo voy a poner más interesante porque creo que para lo que quiero debo agregar un onclick y posiblemente debo utilizar Ajax...

Bueno espero que si alguien se le presenta el mismo problema tome en cuenta esto

Saludos

Etiquetas: dom, html, input, select
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 16:53.