Foros del Web - Ver Mensaje Individual - innerHtml, Combobox Dinamico y Tabla dinamica

kashu · #3 (**permalink**) 24/03/2010, 09:37

ya lo pude solucionar solo era colocar un contador y ya.
Djo el Codigo por si alguien lo necesita asi mismo si lo puden arreglar bienvenido sea!

Código:

<html>
<head>
<script >

var n=0;

function cambia_producto(n){ 

    var productos_1=new Array("Seleccione una Opción","Bogota","Medellin","Cartagena") 
    var productos_2=new Array("Seleccione una Opción","Santiago de Chile","Iquique","Valparaiso") 
    var productos_3=new Array("Seleccione una Opción","Rosario","BsAs","LunaPark") 
    
    var subproductos 
    subproductos = document.getElementById("subproductos"+n)[document.getElementById("subproductos"+n).selectedIndex].value 
   
    if (subproductos >= 1 && subproductos <= 3 ) { 
	
        document.getElementById("producto"+n).style.visibility = 'visible'; 
        document.getElementById("valor"+n).style.visibility = 'visible';
	document.getElementById("valorA"+n).style.visibility = 'visible';
 
        mis_productos=eval("productos_" + subproductos);

        num_productos = mis_productos.length;

        document.getElementById("producto"+n).length = num_productos;

        for(i=0;i<num_productos;i++){ 
           document.getElementById("producto"+n).options[i].value=mis_productos[i]; 
           document.getElementById("producto"+n).options[i].text=mis_productos[i]; 
 	} 


    }else{ 
        document.getElementById("producto"+n).length = 1; 
        document.getElementById("producto"+n).options[0].value = "Seleccione una Opción"; 
        document.getElementById("producto"+n).options[0].text = "Seleccione una Opción"; 
	document.getElementById("producto"+n).style.visibility = 'hidden';
	document.getElementById("valor"+n).style.visibility = 'hidden';
	document.getElementById("valorA"+n).style.visibility = 'hidden';       

    } 

    document.getElementById("producto"+n).options[0].selected = true; 
 	
}


function agregar() {
	var tr, td, tabla;
	n++

	tabla = document.getElementById('Tabla1');
	tr = tabla.insertRow(tabla.rows.length);
	td = tr.insertCell(tr.cells.length);
	td.innerHTML = "<select name='subproductos' id='subproductos"+n+"' onchange='cambia_producto(n)' >" +
				"<option value='0' selected>Seleccione opción "+
				"<option value='1'>Colombia"+
				"<option value='2'>Chile"+
				"<option value='3'>Argentina "+
				"<option value='4'>Peru"+
				"<option value='5'> Brasil "+
				"<option value='6'>Venezuela"+
				"<option value='7'>Paraguay"+
				"<option value='8'>Uruguay"+
				"<option value='9'>Ecuador"+
			"</select>";
	td = tr.insertCell(tr.cells.length);

	td.innerHTML = "<select name='producto' id='producto"+n+"' style='visibility:hidden'>" +
				"<option value='0' selected>Seleccione opción "+
		       "</select>";
	td = tr.insertCell(tr.cells.length);

	td.innerHTML = "<input type='textbox' name='valor' id='valor"+n+"' style='visibility:hidden'>";
	td = tr.insertCell(tr.cells.length);

	td.innerHTML = "<input type='textbox' name='valorA' id='valorA"+n+"'+ style='visibility:hidden'>";
	td = tr.insertCell(tr.cells.length);

	td.innerHTML="<input name='button' type='button' onClick='borrarUltima(this);' value='Eliminar' > ";
	td = tr.insertCell(tr.cells.length);
}


function borrarUltima() {
	ultima = document.all.Tabla1.rows.length - 1;
	if(ultima > -1){
		document.all.Tabla1.deleteRow(ultima);
		n--;

	}
}
</script>
</head>

<body>

<form name="Form1" method="post">
	<table  border="1" id="Tabla1">
<tr>
	<td>Pais</td>
	<td>ciudad</td>
	<td>Comentario</td>
	<td>Comentario Adicional</td>
	<td>Eliminar</td>
</tr>
		
<input type="button" value="Agregar" onclick="agregar()">
</form>
</body>
</html>