Hola ..quiero pedirles un gran favor ..lo que pasa es que tengo dos select dentro de una fila...cuando seleccione el tipo de producto..el otro select me lleva los productos que corresponden a ese tipo...Otra cosa mas...tambien tengo un boton que me agrega filas.. hasta ahi todo me funciona muy bn...pero cuando agrego otra fila...y selecciono el tipo de producto en el select...me afecta el selec de productos de la primera fila...quiero que me afecte el selec de la fila que se agrego..muchas gracias por su ayuda.. el codigo es este:
LA VISTA ES ESTA..
<script>
var contLin = 1;
var count=1;
function agregar() {
var tr, td;
tr = document.all.tabla.insertRow(count);
td = tr.insertCell();
count=count+1;
td.innerHTML ="<input type='text' id='txt_total' name='txt_total'>";
td = tr.insertCell();
td.innerHTML ="<input type='text' id='txt_cantidad' name='txt_cantidad' >";
td = tr.insertCell();
td.innerHTML = "<input type='text' id='txt_precio' name='txt_precio' >";
td = tr.insertCell();
td.innerHTML="<select id='nombre_pro' name='nombre_pro' >"+
"<option value='0'>seleccione producto"+
"<?php echo $bitpro;?>";
td = tr.insertCell();
td.innerHTML = "<select id='tipo_pro' onChange='RecargarProducto(this.value)'> " +
"<option value='0'>Seleccione Tipo" +
"<?php echo $bit;?>";
contLin++;
}
function borrarUltima() {
ultima = document.all.tabla.rows.length - 1;
document.all.tabla.deleteRow(ultima);
contLin--;
count--;
}
</script>
<style type="text/css">
<!--
#apDiv1 {
position:absolute;
left:14px;
top:80px;
width:297px;
height:104px;
z-index:1;
}
.Estilo1 {color: #FFFFFF}
.Estilo3 {color: #FFFFFF; font-weight: bold; }
-->
</style>
</head>
<body>
<div id="div_dinamico1" name="div_dinamico1" class="formulario" ></div>
<form id="formulario" name="formulario" action="" method="post">
<table id="table2" border="1" align="center">
<tr bgcolor="#006600">
<td>
<span class="Estilo1">
<label><strong>Informacion del cliente</strong></label>
</span></td>
</tr>
<tr>
<td>
<div id="apDiv2">
<p>Identificacion
<input name="txt_identificacion" id="txt_identificacion" type="text" />
<input type="submit" name="btn_buscar" id="btn_buscar" value="buscar" />
<label>
<input type="submit" name="btn_nuevo" id="btn_nuevo" value="Nuevo" />
</label>
</p>
</div>
<div id="apDiv3">
<p class="formulario">
<?php echo $bit11;?>
<?php echo $bit12;?></p>
</div></td>
</tr>
<tr bgcolor="#006600">
<td>
<span class="Estilo3">
<label>Productos</label>
</span> </td>
</tr>
<tr>
<td>
<table id="tabla">
<tr>
<td><select id="tipo_pro" onChange="RecargarProducto(this.value)">
<option value="0" >Seleccione tipo</option>
<?php echo $bit;?>
</select>
</td>
<td><select id="nombre_pro" name="nombre_pro" >
<option value="0">Seleccione Producto</option>
<?php echo $bitpro;?>
</select>
</td>
<td><input type="text" name="txt_precio" id="txt_precio" value="<?php echo $precio;?>" ></td>
<td><input type="text" name="txt_cantidad" id="txt_cantidad" ></td>
<td><input type="text" id="txt_total" name="txt_total" ></td>
</tr>
</table>
<input type="button" value="Agregar" onclick="agregar()">
<input type="button" value="Borrar ultima" onclick="borrarUltima()"></td>
</tr>
<tr align="center">
<td><label>
<input type="submit" name="btn_Registrar" id="btn_RegistrarFactura" value="Registrar Factura" />
</label></td>
</tr>
</table>
</form>
</body>
</html>
Y EL CONTROLADOR ES ESTE::
$bitpro='';
$bitpre='';
$tipo=new TipoProducto();
foreach ($tipo->ListarTipoproducto() as $llave =>$valor ){
$bit.="<option value='".$valor['tipocodigo']."'>".$valor['tiponombre']."</option>";
}
$pro=new Productos();
if(isset($_GET['tipcod'])!=''){
foreach ($pro->ListarProductos($_GET['tipcod']) as $key => $value) {
$bitpro .= "<option value='".$value['procodigo']."'>".$value['nombre']."</option>";
}
}
