guardar datos de forms distintos en un mismo script

pamelasep · #1 (**permalink**) 22/02/2010, 15:49

Hola, tengo un gran problema. Obtuve un codigo desde otro foro para crear listas dependientes para aplicarlo a lo que necesito. El problema es que no puedo obtener los datos seleccionados de los selects para guardarlos en la base de datos, porque estan en distintos form los cuales son necesarios para la funcion java que los despliega y se que no los puedo anidar.
Ayuda por favor!

el codigo ejemplo que estoy usando es el siguiente:

Código HTML:

<script type="text/javascript"> 
var teveo = null; 
var formus = [null, 'TD', 'TC', 'FID', 'CTA']; 
function muestra(formulario) { 
if (teveo != null) 
document.getElementById(teveo).style.display = 'none'; 
if (formus[formulario] != null) 
document.getElementById(formus[formulario]).style. display = 'block'; 
teveo = formus[formulario] 
} 
</script> 
<body> 

<form> 
<select onchange="muestra(this.selectedIndex);"> 
<option value="0">Seleccione un producto</option> 
<option value="1">Tarjeta de débito</option> 
<option value="2">Tarjeta de crédito</option> 
<option value="3">Fideicomiso</option> 
<option value="4">Cuenta de ahorro, corriente o FAL</option> 
</select> 
</form> 



<form action="" method="post" name="form1" id="TD" style="display:none;"> 
<select name="uno"> 
<option value="0">Seleccione un producto</option> 
<option value="1">débito 1</option> 
<option value="2">débito 2</option> 
<option value="3">débito 3</option> 
<option value="4">débito 4</option> 
</select> 
</form> 

<form id="TC" name="form1" method="post" action="" style="display:none;"> 
<select name="uno"> 
<option value="0">Seleccione un producto</option> 
<option value="1">crédito 1</option> 
<option value="2">crédito 2</option> 
<option value="3">crédito 3</option> 
<option value="4">crédito 4</option> 
</select> 
</form> 

<form id="CTA" name="form1" method="post" action="" style="display:none;"> 
<select name="uno"> 
<option value="0">Seleccione un producto</option> 
<option value="1">corriente 1</option> 
<option value="2">corriente 2</option> 
<option value="3">corriente 3</option> 
<option value="4">corriente 4</option> 
</select> 
</form> 

<form id="FID" name="form1" method="post" action="" style="display:none;"> 
<select name="uno"> 
<option value="0">Seleccione un producto</option> 
<option value="1">fideicomiso 1</option> 
<option value="2">fideicomiso 2</option> 
<option value="3">fideicomiso 3</option> 
<option value="4">fideicomiso 4</option> 
</select> 
</form>

quimfv · #2 (**permalink**) 23/02/2010, 07:17

Código HTML:

Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento sin t&iacute;tulo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
var teveo = null; 
var formus = [null, 'TD', 'TC', 'FID', 'CTA']; 
 
function muestra(formulario) { 
if (teveo != null) document.getElementById(teveo).style.display = 'none'; 
if (formus[formulario] != null) document.getElementById(formus[formulario]).style.display = 'block'; 
teveo = formus[formulario]; 
for (i=1;i<formus.length;i++){
    alert("uno"+formus[i] + " " + document.getElementById("uno"+formus[i])[document.getElementById("uno"+formus[i]).selectedIndex].text);
}
} 
</script> 
 
</head>
 
<body>
<form> 
<select onchange="muestra(this.selectedIndex);"> 
<option value="0">Seleccione un producto</option> 
<option value="1">Tarjeta de débito</option> 
<option value="2">Tarjeta de crédito</option> 
<option value="3">Fideicomiso</option> 
<option value="4">Cuenta de ahorro, corriente o FAL</option> 
</select> 
</form> 
 
 
 
<form action="" method="post" name="form1" id="TD" style="display:none;"> 
<select name="uno" id="unoTD"> 
<option value="0">Seleccione un producto</option> 
<option value="1">débito 1</option> 
<option value="2">débito 2</option> 
<option value="3">débito 3</option> 
<option value="4">débito 4</option> 
</select> 
</form> 
 
<form id="TC" name="form1" method="post" action="" style="display:none;"> 
<select name="uno" id="unoTC"> 
<option value="0">Seleccione un producto</option> 
<option value="1">crédito 1</option> 
<option value="2">crédito 2</option> 
<option value="3">crédito 3</option> 
<option value="4">crédito 4</option> 
</select> 
</form> 
 
<form id="CTA" name="form1" method="post" action="" style="display:none;"> 
<select name="uno" id="unoCTA"> 
<option value="0">Seleccione un producto</option> 
<option value="1">corriente 1</option> 
<option value="2">corriente 2</option> 
<option value="3">corriente 3</option> 
<option value="4">corriente 4</option> 
</select> 
</form> 
 
<form id="FID" name="form1" method="post" action="" style="display:none;"> 
<select name="uno" id="unoFID"> 
<option value="0">Seleccione un producto</option> 
<option value="1">fideicomiso 1</option> 
<option value="2">fideicomiso 2</option> 
<option value="3">fideicomiso 3</option> 
<option value="4">fideicomiso 4</option> 
</select> 
</form>
</body>
</html>

Poder se puede, pon un id a los select y listos si puedes poner el id a los form puedes ponerlo a los select....

Quim