Tema: Hacer que la función pueda ser utilizada para otros select
Ver Mensaje Individual
  #3 (permalink)  
Antiguo 13/01/2010, 07:23
quimfv
Colaborador
  
Fecha de Ingreso: marzo-2008
Ubicación: Sabadell
Mensajes: 4.897
Antigüedad: 16 años, 1 mes
Puntos: 574
Respuesta: Hacer que la función pueda ser utilizada para otros select
El identificador del select de provincia se forma por "pr"+el identificadors del select de pais correspondiente...

así pais1 prpais1

luego pasas el select pais como objeto a la funcion, llenaprovincia(this)

así tienes el valor, el texto y el identificador con un solo parametro, a este ultimo le agregas "pr"+obj.id y accedes al select de prov correspondiente...

Código HTML: 
Ver original
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html>
  3. <head>
  4. <title>Documento sin t&iacute;tulo</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  6. <script language="JavaScript" type="text/JavaScript">
  7. //Array bidimensional de provincias
  8. var provincias=new Array();
  9. var pareja=new Array(2);
  10. pareja[0]="PaisA";
  11. pareja[1]="Provincia_1_PaisA";
  12. provincias[0]=pareja;
  13. pareja=new Array(2);
  14. pareja[0]="PaisA";
  15. pareja[1]="Provincia_2_PaisA";
  16. provincias[1]=pareja;
  17. pareja=new Array(2);
  18. pareja[0]="PaisB";
  19. pareja[1]="Provincia_1_PaisB";
  20. provincias[2]=pareja;
  21. pareja=new Array(2);
  22. pareja[0]="PaisB";
  23. pareja[1]="Provincia_2_PaisB";
  24. provincias[3]=pareja;
  25. pareja=new Array(2);
  26. pareja[0]="PaisB";
  27. pareja[1]="Provincia_3_PaisB";
  28. provincias[4]=pareja;
  29.  
  30. function llenaProvincia(obj){
  31.     var pais;
  32.     pais = obj.value;
  33.     delOptions(document.getElementById("pr"+obj.id));
  34.     if (pais != "0") {
  35.        addOpt(document.getElementById("pr"+obj.id), 0, "Elige provincia", "0");
  36.        var j=1;
  37.        for(i=0;i<provincias.length;i++){
  38.             if(provincias[i][0]==obj.value){
  39.                 addOpt(document.getElementById("pr"+obj.id), j, provincias[i][1], provincias[i][1]);
  40.                 j++;
  41.           }
  42.        }
  43.     }else{
  44.                 addOpt(document.getElementById("pr"+obj.id), 0, "Elige pais", "0");
  45.     }
  46.     //marco como seleccionada la opci&#243;n primera de provincia
  47.     document.getElementById("pr"+obj.id).options[0].selected = true;
  48. } 
  49.  
  50. function addOpt(oCntrl, iPos, sTxt, sVal){
  51.     var selOpcion=new Option(sTxt, sVal);
  52.     eval(oCntrl.options[iPos]=selOpcion);
  53. }
  54.  
  55. function delOptions(oCntrl){
  56.     while(oCntrl.length > 0) oCntrl.options[0]=null; 
  57. }
  58. </script>
  59.  
  60. </head>
  61.  
  62. <body>
  63. <table width="100%" border="1" cellspacing="0" cellpadding="0">
  64.   <tr>
  65.     <td>Pais</td>
  66.     <td><select name="pais0" id="pais0" onChange="llenaProvincia(this);">
  67.          <option value="0">Elige pais</option>
  68.         <option value="PaisA">PaisA</option>
  69.         <option value="PaisB">PaisB</option>
  70.       </select></td>
  71.     <td>Provincia</td>
  72.     <td><select name="prpais0" id="prpais0">
  73.          <option value="0">Elige pais</option>
  74.      </select></td>
  75.   </tr>
  76.   <tr>
  77.     <td>Pais</td>
  78.     <td><select name="pais1" id="pais1" onChange="llenaProvincia(this);">
  79.          <option value="0">Elige pais</option>
  80.         <option value="PaisA">PaisA</option>
  81.         <option value="PaisB">PaisB</option>
  82.       </select></td>
  83.     <td>Provincia</td>
  84.     <td><select name="prpais1" id="prpais1">
  85.         <option value="0">Elige pais</option>
  86.       </select></td>
  87.   </tr>
  88.   <tr>
  89.     <td>Pais</td>
  90.     <td><select name="pais2" id="pais2" onChange="llenaProvincia(this);">
  91.           <option value="0">Elige pais</option>
  92.        <option value="PaisA">PaisA</option>
  93.         <option value="PaisB">PaisB</option>
  94.       </select></td>
  95.     <td>Provincia</td>
  96.     <td><select name="prpais2" id="prpais2">
  97.         <option value="0">Elige pais</option>
  98.       </select></td>
  99.   </tr>
  100. </table>
  101.  
  102.  
  103. </body>
  104. </html>

Esto funciona.

Quim
Última edición por quimfv; 13/01/2010 a las 07:47