Código PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>SOLICITUD DE MUESTRA</title>
<style type="text/css">
body{background-color: #CC0000; color:#fff; font:normal 0.7em Verdana, Arial, Helvetica, sans-serif;}
#contenedor{ width:760px; margin:0 auto; position:relative;}
#contenedor div{ margin-top:0.5em;}
p.alerta {padding:0 0 0 25px;background:url('img_1/alerta2.png') no-repeat;}
p.titulo {font:normal 1.2em Verdana, Arial, Helvetica, sans-serif;}
#contenedor div.absolute input,select,textarea{ position: absolute;left: 270px;}
label { line-height: 25px;}
#contenedor #botones{ clear:both;margin-top:12em;margin-bottom:1em}
</style>
<link href="texto.css" rel="stylesheet" type="text/css">
<script language="JavaScript" type="text/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.material.selectedIndex){
case 0:
addOpt(oCntrl, 0, "- Selecciona -", "");
addOpt(oCntrl, 1, "38 x 42 dos asas corta", "38 x 42 dos asas corta");
addOpt(oCntrl, 2, "38 x 42 dos asas larga", "38 x 42 dos asas larga");
addOpt(oCntrl, 3, "38 x 42 un asa", "38 x 42 un asa");
addOpt(oCntrl, 4, "38 x 42 dos asas corta y cordón", "38 x 42 dos asas corta y cordón");
addOpt(oCntrl, 5, "38 x 42 dos asas corta y 5 cm. de fondo", "38 x 42 dos asas corta y 5 cm. de fondo");
addOpt(oCntrl, 6, "22 x 27 dos asas cortas", "22 x 27 dos asas cortas");
addOpt(oCntrl, 7, "50 x 50 dos asas cortas", "50 x 50 dos asas cortas");
addOpt(oCntrl, 8, "50 x 70 dos asas cortas", "50 x 70 dos asas cortas");
addOpt(oCntrl, 9, "Mochila sin fondo", "Mochila sin fondo");
addOpt(oCntrl, 10, "Mochila con fondo circular", "Mochila con fondo circular");
break;
case 1:
addOpt(oCntrl, 0, "- Selecciona -", "- Selecciona -");
addOpt(oCntrl, 1, "38 x 42 dos asas corta", "38 x 42 dos asas corta");
addOpt(oCntrl, 2, "38 x 42 dos asas larga", "38 x 42 dos asas larga");
addOpt(oCntrl, 3, "38 x 42 un asa", "38 x 42 un asa");
addOpt(oCntrl, 4, "38 x 42 dos asas corta y cordón", "38 x 42 dos asas corta y cordón");
addOpt(oCntrl, 5, "38 x 42 dos asas corta y 5 cm. de fondo", "38 x 42 dos asas corta y 5 cm. de fondo");
addOpt(oCntrl, 6, "22 x 27 dos asas cortas", "22 x 27 dos asas cortas");
addOpt(oCntrl, 7, "50 x 50 dos asas cortas", "50 x 50 dos asas cortas");
addOpt(oCntrl, 8, "50 x 70 dos asas cortas", "50 x 70 dos asas cortas");
addOpt(oCntrl, 9, "Mochila sin fondo", "Mochila sin fondo");
addOpt(oCntrl, 10, "Mochila con fondo circular", "Mochila con fondo circular");
addOpt(oCntrl, 11, "38x29 2 asas bicolor horizontal y 10cm. de fondo", "38x29 2 asas bicolor horizontal y 10cm. de fondo");
addOpt(oCntrl, 12, "38x42 2 asas bicolor vertical y 10cm. de fondo", "38x42 2 asas bicolor vertical y 10cm. de fondo");
addOpt(oCntrl, 13, "44x38 2 asas y 10cm. de fondo", "44x38 2 asas y 10cm. de fondo");
break;
}
}
function cambia2(oCntrl){
while (oCntrl.length) oCntrl.remove(0);
switch (document.frm.modelo.selectedIndex){
case 0:
addOpt(oCntrl, 0, "- Selecciona -", "");
break;
case 1:
addOpt(oCntrl, 0, "- Selecciona -", "");
addOpt(oCntrl, 1, "opcion2_1", "2_1");
addOpt(oCntrl, 2, "opcion2_2", "2_2");
addOpt(oCntrl, 3, "opcion2_3", "2_3");
break;
case 2:
addOpt(oCntrl, 0, "- Selecciona -", "");
addOpt(oCntrl, 1, "opcion3_1", "3_1");
addOpt(oCntrl, 2, "opcion3_2", "3_2");
addOpt(oCntrl, 3, "opcion3_3", "3_3");
break;
case 3:
addOpt(oCntrl, 0, "- Selecciona -", "");
addOpt(oCntrl, 1, "opcion4_1", "4_1");
addOpt(oCntrl, 2, "opcion4_2", "4_2");
addOpt(oCntrl, 3, "opcion4_3", "4_3");
break;
case 4:
addOpt(oCntrl, 0, "- Selecciona -", "");
addOpt(oCntrl, 1, "opcion5_1", "5_1");
addOpt(oCntrl, 2, "opcion5_2", "5_2");
addOpt(oCntrl, 3, "opcion5_3", "5_3");
break;
case 5:
addOpt(oCntrl, 0, "- Selecciona -", "");
addOpt(oCntrl, 1, "opcion6_1", "6_1");
addOpt(oCntrl, 2, "opcion6_2", "6_2");
addOpt(oCntrl, 3, "opcion6_3", "6_3");
break;
case 6:
addOpt(oCntrl, 0, "- Selecciona -", "");
addOpt(oCntrl, 1, "opcion7_1", "7_1");
addOpt(oCntrl, 2, "opcion7_2", "7_2");
addOpt(oCntrl, 3, "opcion7_3", "7_3");
break;
case 7:
addOpt(oCntrl, 0, "- Selecciona -", "");
addOpt(oCntrl, 1, "opcion8_1", "8_1");
addOpt(oCntrl, 2, "opcion8_2", "8_2");
addOpt(oCntrl, 3, "opcion8_3", "8_3");
break;
case 8:
addOpt(oCntrl, 0, "- Selecciona -", "");
addOpt(oCntrl, 1, "opcion7_1", "7_1");
addOpt(oCntrl, 2, "opcion7_2", "7_2");
addOpt(oCntrl, 3, "opcion7_3", "7_3");
break;
case 9:
addOpt(oCntrl, 0, "- Selecciona -", "");
addOpt(oCntrl, 1, "opcion8_1", "8_1");
addOpt(oCntrl, 2, "opcion8_2", "8_2");
addOpt(oCntrl, 3, "opcion8_3", "8_3");
break;
case 10:
addOpt(oCntrl, 0, "- Selecciona -", "");
addOpt(oCntrl, 1, "opcion9_1", "10_1");
addOpt(oCntrl, 2, "opcion9_2", "10_2");
addOpt(oCntrl, 3, "opcion9_3", "10_3");
break;
}
}