Código
Escoja su Bloque <br> </br> <form name="form"> <td> <div id="capa3" style="display:none;"> </select> <script language="javascript"> function addOpt(oCntrl, iPos, sTxt, sVal){ var selOpcion=new Option(sTxt, sVal); eval(oCntrl.options[iPos]=selOpcion); } function cambia(obj,Cntrl){ var oCntrl=document.getElementById(Cntrl); while (oCntrl.length!=0){ oCntrl.remove(0); } switch (obj.selectedIndex){ case 0: addOpt(oCntrl, 0, "Letra", "0"); break; case 1: addOpt(oCntrl, 0, "Apto", "0"); addOpt(oCntrl, 1, "Apto AA", "1"); addOpt(oCntrl, 2, "Apto 01", "2"); addOpt(oCntrl, 3, "Apto 10", "3"); addOpt(oCntrl, 4, "Apto 11", "4"); addOpt(oCntrl, 5, "Apto 20", "5"); break; case 2: addOpt(oCntrl, 0, "Apto", "0"); addOpt(oCntrl, 1, "Apto 02", "1"); addOpt(oCntrl, 2, "Apto 03", "2"); addOpt(oCntrl, 3, "Apto 12", "3"); addOpt(oCntrl, 4, "Apto 13", "4"); addOpt(oCntrl, 5, "Apto 22", "5"); addOpt(oCntrl, 6, "Apto 23", "6"); break; case 3: addOpt(oCntrl, 0, "Apto", "0"); addOpt(oCntrl, 1, "Apto 04", "1"); addOpt(oCntrl, 2, "Apto 05", "2"); addOpt(oCntrl, 3, "Apto 14", "3"); addOpt(oCntrl, 4, "Apto 15", "4"); addOpt(oCntrl, 5, "Apto 24", "5"); addOpt(oCntrl, 6, "Apto 25", "6"); break; case 4: addOpt(oCntrl, 0, "Apto", "0"); addOpt(oCntrl, 1, "Apto 06", "1"); addOpt(oCntrl, 2, "Apto 07", "2"); addOpt(oCntrl, 3, "Apto 16", "3"); addOpt(oCntrl, 4, "Apto 17", "4"); addOpt(oCntrl, 5, "Apto 26", "5"); break; case 5: addOpt(oCntrl, 0, "Apto", "0"); addOpt(oCntrl, 1, "Apto 08", "1"); addOpt(oCntrl, 2, "Apto 09", "2"); addOpt(oCntrl, 3, "Apto 18", "3"); addOpt(oCntrl, 4, "Apto 19", "4"); addOpt(oCntrl, 5, "Apto 28", "5"); addOpt(oCntrl, 6, "Apto 29", "6"); break; } } </script> <select name="apto" id="apto" onChange="cambia(this,'')"> </select> </form> </div> <div id="capa2" style="display:none;"> </select> <script language="javascript"> function cambia3(obj,Cntrl){ var oCntrl=document.getElementById(Cntrl); while (oCntrl.length!=0){ oCntrl.remove(0); } switch (obj.selectedIndex){ case 0: addOpt(oCntrl, 0, "Letra", "0"); break; case 1: addOpt(oCntrl, 0, "Apto", "0"); addOpt(oCntrl, 1, "A1", "1"); addOpt(oCntrl, 2, "A2 ", "2"); addOpt(oCntrl, 3, "A3", "3"); addOpt(oCntrl, 4, "A4", "4"); break; case 2: addOpt(oCntrl, 0, "Apto", "0"); addOpt(oCntrl, 1, "B1 ", "1"); addOpt(oCntrl, 2, "B2", "2"); addOpt(oCntrl, 3, "B3", "3"); addOpt(oCntrl, 4, "B4 ", "4"); addOpt(oCntrl, 5, "B5", "5"); break; case 3: addOpt(oCntrl, 0, "Apto", "0"); addOpt(oCntrl, 1, "C1 ", "1"); addOpt(oCntrl, 2, "C2", "2"); addOpt(oCntrl, 3, "C3", "3"); addOpt(oCntrl, 4, "C4 ", "4"); addOpt(oCntrl, 5, "C5", "5"); break; case 4: addOpt(oCntrl, 0, "Apto", "0"); addOpt(oCntrl, 1, "D1 ", "1"); addOpt(oCntrl, 2, "D2", "2"); addOpt(oCntrl, 3, "D3", "3"); addOpt(oCntrl, 4, "D4 ", "4"); addOpt(oCntrl, 5, "D5", "5"); break; } } </script> <select name="apto2" id="apto2" onChange="cambia3(this,'')"> </select> </form> </td> </div> <script> function cambiarCapas(elSelect) { var idCapaAmostrar; //escogemos la que nos interesa //según el texto de la opcion seleccionada del select switch( elSelect.options[ elSelect.options.selectedIndex ].text ) { case"bloque 29": idCapaAmostrar="capa3"; break; case"bloque 30": idCapaAmostrar="capa3"; break; case"bloque 31": idCapaAmostrar="capa2"; break; case"bloque 32": idCapaAmostrar="capa2"; break; } var lasCapas=["capa3","capa2"]; for(var i in lasCapas) //ocultamos todas document.getElementById(lasCapas[i]).style.display="none"; if(idCapaAmostrar!=undefined) document.getElementById(idCapaAmostrar).style.display="block"; //mostramos la que nos interesa } </script>
mi duda es si se pueden guardar el name="letra" y name="letra2" en el mismo campo en la bd y tambien el name="apto" y name="apto2" en el mismo campo en la bd y como hacerlo
muchasimas gracias de antemano por su gran ayuda