Formulario Dinámico.... aparecen y desaparecen campos de acuerdo a SELECT option

benjaminvera · #1 (**permalink**) 28/01/2010, 17:40

Hola Mundo.... Cómo están...????
Con muchas dudas pero con trabajo... jejejeje
Mi duda es la siguiente:
Tengo un formulario donde solo me interesa mandar datos numéricos hacia una base de datos.
Este formulario cambia de manera dinamica ya que de acuerdo a la seleccion del drop list
aparecen y desaparecen Inputs BOX....
La cuestión es que en este ejemplo solo hay 3 campos de captura y de acuerdo a la seleccion
de los Drop List puede aparecer solo 1, 2 o 3 campos de captura....
Pero mi gran duda es ver cómo puedo hacer para que mi archivo PHP/MySQL pueda cambiar de
manera dinámica el envío de datos, ya sea que sea 1, 2 o 3 datos numéricos los que envíe
de acuerdo a la selección del cliente en los Selects del Drop List...
El archivo que debe mandar los valores a la Base de datos se llama "ENVIAR_1.php"

Aquí hice un pequeño ejemplo...

Código HTML:

Ver original<html>
<head>
<title>Dynamic form</title>
<noscript><style type="text/css">.hideIfJSdisabled{display:none;}</style></noscript>
<style type="text/css">.hide{display:none;}</style>
<script type="text/javascript">
function mes_fChanged(e){
var m=e.options[e.selectedIndex].text;
//document.getElementById('maintenanceCost').style.display=(m=='January'||m=='June'||m=='December')?'':'none';       
document.getElementById('maintenanceCost').className=(m=='January'||m=='June'||m=='December')?'':'hide';
}
function org_sub_fChanged(e){
document.getElementById('productionCostPerUnit').className=(e.options[e.selectedIndex].text=='Banco 3')?'':'hide';
}
</script>
 
</head>
<body bgcolor="#fcfcfc">
<form method="post" action="../ENVIAR_1.php" name="FORM_1" onsubmit="return false;">
<TABLE BORDER=1 cellspadding=2 bgcolor="#F5F5F5">
<tr><TD><font color="#FF00FF">MES</font></TD>
    <TD  align="left">
        <select name="mes_f" onchange="mes_fChanged(this)">
        <option selected><b>Escoger el Mes</b></option>
        <optgroup label="January">
        <option>January</option>
        <option>February</option>
        <option>March</option>
        <option>April</option>
        <option>May</option>
        <optgroup label="June">
        <option>June</option>
        <option>July</option>
        <option>August</option>
        <option>September</option>
        <option>Octuber</option>
        <option>November</option>
        <optgroup label="December">
        <option>December</option>
        </select>
    </td></tr>
<tr><TD>Año</TD>
    <TD  align="left">
        <SELECT name="anio_f">
        <optgroup label="Year">
        <option>2007</option>
        <option>2008</option>
        <option>2009</option>
        <option>2010</option>
        <option>2011</option>
        </select>
    </td></tr>
<tr><TD><font color="#FF00FF">Banco</font></TD>
    <TD  align="left">
        <select name="mes" onchange="org_sub_fChanged(this)">
        <option selected><b>Escoger el Banco</b></option>
        <option>Banco 1</option>
        <option>Banco 2</option>
        <optgroup label="Banco 3">
        <option>Banco 3</option>
        <option>Banco 4</option>
        </select>
    </td></tr>
    <tr><TD>Operacion</TD>
    <TD  align="left">
        <select name="pais">
        <option selected><b>Escoger Operacion</b></option>
        <optgroup label="Year">
        <option>Deposito</option>
        <option>Retiro</option>
        <option>Tranferencia</option>
        </select>
    </td></tr>
<tr><TD>Tipo de Cambio</TD>
    <TD  align="left">
        <select name="pais">
        <option selected><b>Escoger tipo de Cambio</b></option>
        <optgroup label="Year">
        <option>Efectivo</option>
        <option>Cheque</option>
        <option>Tarjeta</option>
        </select>
    </td></tr>
<tr><td bgcolor="#5CB3FF" align="center"><b>Negocio</b></td>
 <td>
        <TR id="maintenanceCost" bgcolor="#FFC0CB">
           <TD><input type="hidden"  name="Det_1" value="26">Ganancia por Unidad de Venta</TD>
           <TD><INPUT type=text name="VentaUnit" size="5" value="default"><b>%</b></TD>
        </TR>
  <TR><TD><font color="#FF4500">Costo por Unidad de Produccion</font></TD>
      <TD><INPUT type=text name="ProducUnit" size="5" value="default">N&uacute;mero</TD>
  </TR>
  <TR id="productionCostPerUnit" bgcolor="#FFC0CB">
      <TD><input type="hidden"  name="Det_14" value="47">Monto de Prestamo a pedir</TD>
      <TD><INPUT type=text name="prestamo" size="5" value="default">N&uacute;mero</TD>
  </TR>
 </td>
</tr>
</table>
</body>
</html>

Espero me puedan ayudar y también espero que este pequeño ejemplo les pueda servir de algo...

Saludos....

dasuve · #2 (**permalink**) 28/01/2010, 17:59

puedes hacerlo con if/elseif (creo) por ejemplo...

Código PHP:

  if($_POST['mes_f' == 'january') {$query = mysql_query("insert into ......");} 
elseif($_POST['mes_f'] == 'June') {$query = mysql_query("insert into ......");}

benjaminvera · #3 (**permalink**) 28/01/2010, 18:21

Vientos mi hermano...

Lo voy a intentar...... y te aviso si ya me jaló pero creo que tienes razón....

saludos....

benjaminvera · #4 (**permalink**) 29/01/2010, 16:39

Hola Mundo.... cómo están todos....?????

Pues ya resolví mi problemita.... De mucha ayuda fue la sugerencia de Dasuve...
Pero yo le agregué algo más ya que no me jalaba bien....

Código PHP:

Ver originalif ($_REQUEST['mes_f']=='Ene') 
{
{$query = mysql_query("insert into ......");}}
elseif ($_REQUEST['mes_f']=='Mar'||$_REQUEST['mes_f']=='Sep') 
{
{$query = mysql_query("insert into ......");}}
}
elseif ($_REQUEST['mes_f']=='Jun'||$_REQUEST['mes_f']=='Dic') 
{
{$query = mysql_query("insert into ......");}}
}
else
{
{$query = mysql_query("insert into ......");}}
}