Rellenar tabla dinamicamente segun el contenido de selects dependientes

[mara_h3rnand3z]

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

Tengo una funcion para selects dependientes:

Código Javascript:

<script language="JavaScript"> 
 <!--
   function addOpt(oCntrl, iPos, sTxt, sVal){ 
     var selOpcion=new Option(sTxt, sVal); 
     eval(oCntrl.options[iPos]=selOpcion); 
   } 
 
   function cambia(oCntrl){ 
    while (oCntrl.length) oCntrl.remove(0); 
    switch (document.frm.Modelo.selectedIndex){
        case 0:
        break; 
     case 1:  
      addOpt(oCntrl,  0, "WHITE BONE", "WHITE BONE"); 
      addOpt(oCntrl,  1, "WHITE", "WHITE"); 
      addOpt(oCntrl,  2, "BONE", "BONE");
      addOpt(oCntrl,  3, "PLATINUM", "PLATINUM"); 
      addOpt(oCntrl,  4, "GREY", "GREY"); 
      addOpt(oCntrl,  5, "BLACK", "BLACK"); 
 
      break; 
     case 2:  
 
      addOpt(oCntrl,  0, "CHARCOL GREY", "CHARCOL GREY"); 
      addOpt(oCntrl,  1, "BONE PLATINUM", "BONE PLATINUM");
      addOpt(oCntrl,  2, "QP05 WHITE/PLATINUM", "QP05 WHITE/PLATINUM");
      addOpt(oCntrl,  3, "OYSTER", "OYSTER"); 
      addOpt(oCntrl,  4, "OYSTER BEIGE", "OYSTER BEIGE");
       
      break;
    }
   }
       
   -->
</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!

[skiper0125]

Hola que tal.

No entiendo bien tu pregunta

¿De donde obtienes los datos?
¿base de datos?
¿o de donde?

Si deseas llenar los select dependientes utiliza ajax y php checa esto te puede servir Select dependientes
Saludso

[mara_h3rnand3z]

Iniciado por skiper0125

Hola que tal.

No entiendo bien tu pregunta

¿De donde obtienes los datos?
¿base de datos?
¿o de donde?

Si deseas llenar los select dependientes utiliza ajax y php checa esto te puede servir [URL="http://www.giancarlospot.com/javascript/llenar-combo-con-ajax-y-php.html"]Select dependientes[/URL]
Saludso

Bueno, gracias por contestar, los datos estan en el script de javascript, esos son los valores que se se muestran segun el select, el segundo depende de el primero, y lo que quiero es agregar de manera dinamica y llenar la tabla de abajo segun el contenido de los selects dependientes!

[skiper0125]

Iniciado por mara_h3rnand3z

.... segun el select, el segundo depende de el primero ...... agregar de manera dinamica y llenar la tabla de abajo...

Para lo que deseas hacer es necesario ajax, te dejo un manual y ejemplos de ayuda.

Saludos

[mara_h3rnand3z]

Iniciado por skiper0125

Para lo que deseas hacer es necesario ajax, te dejo un [URL="http://www.librosweb.es/ajax/index.html"]manual[/URL] y [URL="http://www.formatoweb.com.ar/ajax/"]ejemplos[/URL] de ayuda.

Saludos

Gracias y empiezo inmediatamente a estudiarle, muchas gracias!