Ver Mensaje Individual
  #1 (permalink)  
Antiguo 02/09/2011, 12:29
mara_h3rnand3z
 
Fecha de Ingreso: agosto-2011
Mensajes: 24
Antigüedad: 12 años, 9 meses
Puntos: 1
Rellenar tabla dinamicamente segun el contenido de selects dependientes

Buenas! Soy nueva en esto, y lo que quisiera hacer es lo siguiente:

Tengo una funcion para selects dependientes:

Código Javascript:
Ver original
  1. <script language="JavaScript">
  2.  <!--
  3.    function addOpt(oCntrl, iPos, sTxt, sVal){
  4.      var selOpcion=new Option(sTxt, sVal);
  5.      eval(oCntrl.options[iPos]=selOpcion);
  6.    }
  7.  
  8.    function cambia(oCntrl){
  9.     while (oCntrl.length) oCntrl.remove(0);
  10.     switch (document.frm.Modelo.selectedIndex){
  11.         case 0:
  12.         break;
  13.      case 1:  
  14.       addOpt(oCntrl,  0, "WHITE BONE", "WHITE BONE");
  15.       addOpt(oCntrl,  1, "WHITE", "WHITE");
  16.       addOpt(oCntrl,  2, "BONE", "BONE");
  17.       addOpt(oCntrl,  3, "PLATINUM", "PLATINUM");
  18.       addOpt(oCntrl,  4, "GREY", "GREY");
  19.       addOpt(oCntrl,  5, "BLACK", "BLACK");
  20.  
  21.       break;
  22.      case 2:  
  23.  
  24.       addOpt(oCntrl,  0, "CHARCOL GREY", "CHARCOL GREY");
  25.       addOpt(oCntrl,  1, "BONE PLATINUM", "BONE PLATINUM");
  26.       addOpt(oCntrl,  2, "QP05 WHITE/PLATINUM", "QP05 WHITE/PLATINUM");
  27.       addOpt(oCntrl,  3, "OYSTER", "OYSTER");
  28.       addOpt(oCntrl,  4, "OYSTER BEIGE", "OYSTER BEIGE");
  29.        
  30.       break;
  31.     }
  32.    }
  33.        
  34.    -->
  35. </script>

Código HTML:
<form name="frm" action="" method="post">
    	 <table border="0"> 
    <tr> 
     <td> 
      Modelo 
     </td> 
     <td> 
      <select name="Modelo" onChange="cambia(document.frm.color)" id="modelo"> 
       
       <option value="0">Selecciona un modelo...</option>
       <option value="2000">2000</option>
       <option value="2100">2100</option>
           
       
      </select> 
     </td>  
     <td> 
      Color 
     </td> 
     <td> 
      <select name="color"> 
       <option></option> 
      
      </select> 
     </td> 
     <td><input type="submit" value="Agregar" onclick="" /></td>
     </tr> 
   </table>
    </form>
	<form>
    	<table id="tabla1" border="1">
        	<tbody>
            	<tr>
                	<td>Modelo</td>
                    <td>&nbsp;</td>
                    <td>Color</td>
                </tr>
            </tbody>
        </table>
    </form> 
Lo que quiero es llenar la tabla segun el contenido de los selects de manera dinamica. He encontrado scripts para agregar elementos dinamicos pero no sé como hacerlo con selects dependientes.

Espero que alguien me pueda ayudar! Desde ya muchas gracias por tomarse el tiempo de leer mis dudas!