multiples selects encadenados

goldraven · #1 (**permalink**) 09/05/2007, 08:28

hola a todos

antes de postear estuve leyendo las FAQ's pero no encontre nada, espero no equivocarme.

se que es algo que lo han preguntado mucho, pero ahi va...

en un FORM tengo 2 pares de selects encadenados, cada par lleva informacion excluyente del otro.

en el primer par de selects encadenados manejo algo asi:
1. proyectos
1.1 banco a
1.2 banco b
1.3 banco c

1.1 banco a
1.1.1 sucursal a
1.1.2 sucursal b
1.1.3 sucursal c

1.2 banco b
1.2.1 sucursal d
1.2.2 sucursal e
1.2.3 sucursal f

1.3 banco c
1.3.1 sucursal g
1.3.2 sucursal h
1.3.3 sucursal i

En el otro par de selects encadenados manejo algo asi:
1. clientes
1.1 clientes a
1.2 clientes b
1.3 clientes c

1.1 clientes a
...

1.2 clientes b
...

1.3 clientes c
...

con el codigo que tengo que encontre buscando, me funciona bien el primer par de selecs pero ya el segundo ya no jala

este es mi codigo del FORM donde capturo datos:

Código HTML:

<html>
<head>
<title>..:: AGREGAR REGISTROS ::..</title>
<script language="javascript" src="chainedselects.js"></script>
<script language="javascript" src="config.js"></script>
</head>
<body onload="initListGroup('sitios', document.forms[0].base,document.forms[0].sitio);               initListGroup('prov', document.forms[0].mv, document.forms[0].ingidc);">

<table width="100%"  border="0">
  <tr>
    <td width="19%">&nbsp;</td>
    <td width="62%"><div align="left" class="Estilo1">
      <div align="center">..:: AGREGAR REGISTROS::..</div>
    </div></td>
    <td width="19%">&nbsp;</td>
  </tr>
</table>
<p><span class="Estilo6">PRINCIPAL<br>
  <br>
<span class="Estilo8 Estilo10"><span class="Estilo3 Estilo8"><span class="Estilo3">* OBLIGATORIO</span></span></span></span></p>
<form method="post" action="gral_form_add2.php" onSubmit="return formCheck(this);">
   <table width="93%"  border="0"  cellpadding="5">
    <tr>
      <td><div align="right"><span class="Estilo3 Estilo8"><span class="Estilo3">* </span>Selecciona el proyecto  : </span></div></td>
      <td><select name="base" ></select></td>
    </tr>
    <tr>
      <td><div align="right" class="Estilo3 Estilo8"> <span class="Estilo3">* </span>Selecciona el sitio : </div></td>
      <td><select name="sitio" ></select>
      </td>
    </tr>
    <tr>
      <td><div align="right"  class="Estilo3 Estilo8"><span class="Estilo3">* </span>Proveedor : </div></td>
      <td><select name="mv"></select></td>
    </tr>
	<tr>
      <td><div align="right" class="Estilo3 Estilo8"><span class="Estilo3">* </span>IDC : </div></td>
      <td><select name="ingidc"></select>
	   </td>
    </tr>
    <tr>
      <td><span class="Estilo8"></span></td>
      <td><input type="submit" name="Submit" value="Enviar"></td>
    </tr>
  </table>
  <br>
</form>
</body>
</html>

anexo el config.js donde tengo la informacion

Código HTML:

//SELECTS DE PROYECTOS-SITIOS
var hide_empty_list=true; 
var disable_empty_list=true; 

addListGroup("sitios", "bases");//PROYECTOS
addList("bases", "PROYECTOS VIGENTES..."," "," ",1); //Empty starter option
addList("bases", "BBVA BANCOMER", "ban", "BBVA BANCOMER");
addList("bases", "IXE", "ixe", "IXE");
addList("bases", "MONEX", "monex", "MONEX");

//SITIO BANCOMER
addOption("BBVA BANCOMER", "BBVA BANCOMER SOCIEDAD COPERATIVA PASCUAL", "BBVA BANCOMER SOCIEDAD COPERATIVA PASCUAL");
addOption("BBVA BANCOMER", "BBVA BANCOMER ZIMAG", "BBVA BANCOMER ZIMAG");
addOption("BBVA BANCOMER", "BBVA BANCOMER CASA MARZAM I", "BBVA BANCOMER CASA MARZAM I");
addOption("BBVA BANCOMER", "BBVA BANCOMER CASA MARZAM II", "BBVA BANCOMER CASA MARZAM II");
addOption("BBVA BANCOMER", "BBVA BANCOMER CASA MARZAM III", "BBVA BANCOMER CASA MARZAM III");

//SITIOS IXE
addOption("IXE", "1", "1");
addOption("IXE", "2", "2");
addOption("IXE", "3", "3");
addOption("IXE", "4", "4");

//SITIOS MONEX
addOption("MONEX", "A", "A");
addOption("MONEX", "B", "B");
addOption("MONEX", "C", "C");
addOption("MONEX", "D", "D");

addListGroup("prov", "inges");//mv
addList("inges", "PROVEEDOR..."," "," ",1); //Empty starter option
addList("inges", "NCR", "NCR", "NCR");
addList("inges", "GDC", "GDC", "GDC");
addList("inges", "SONDA", "SONDA", "SONDA");
addList("inges", "REDUNO", "REDUNO", "REDUNO");

//INGES NCR
addOption("NCR", "1a", "1a");
addOption("NCR", "2a", "2a");
addOption("NCR", "3a", "3a");
addOption("NCR", "4a", "4a");

//INGES GDC
addOption("GDC", "11", "11");
addOption("GDC", "22", "22");
addOption("GDC", "33", "33");
addOption("GDC", "44", "44");

//INGES SONDA
addOption("SONDA", "111", "111");
addOption("SONDA", "222", "222");
addOption("SONDA", "333", "333");
addOption("SONDA", "444", "444");

//INGES REDUNO
addOption("REDUNO", "INGENIERO REDUNO", "INGENIERO REDUNO");

en donde esta mi error?
gracias de antemano.

calvin_naranjo · #2 (**permalink**) 09/05/2007, 08:51

Busca en el foro de Ajax, este tema lo hemos tratado ampliamente y los select combox se cargan dinamicamente por un conectror httpxmlresquest....