Problemas n DOM con Select e Input

[egepe]

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 01@Opcion1|02@Opcion2|03@Opción|04@Opción...|Nn@Op 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

[egepe]

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