Hola estoy intentando hacer un formulario de pedidos on line y quiero que cuando el usuario llegue a la opcion de seleccionar la localidad haya un desplegable de 4 opciones y segun la opcion que seleccione en el segundo desplegable se muestren solo algunas opciones especificas.
Pongo un ejemplo a continuación, yo quiero que cuando el usuario seleccione CABA en el segundo desplegable solo se vea CABA1, CABA2 y CABA3 y asi con cada uno.
Desde ya gracias por el apoyo.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Documento sin título</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<form name="form1" method="post" action="">
<p>
<select name="select">
<option>Seleccionar</option>
<option>CABA</option>
<option>GBA Norte</option>
<option>GBA Sur</option>
<option>GBA Oeste</option>
</select>
</p>
<p><select name="barrio" id="barrio" class="required" tabindex="21">
<option value="elegir"> Seleccionar tu Barrio</option>
<option val="CABA1">CABA</option>
<option val="CABA2">CABA</option>
<option val="CABA3">CABA</option>
<option val="GBA NORTE1">GBA NORTE</option>
<option val="GBA NORTE2">GBA NORTE</option>
<option val="GBA NORTE3">GBA NORTE</option>
<option val="GBA SUR1">GBA SUR</option><br>
<option val="GBA SUR2">GBA SUR</option>
<option val="GBA SUR3">GBA SUR</option>
<option val="GBA OESTE1">GBA OESTE</option>
<option val="GBA OESTE2">GBA OESTE</option>
<option val="GBA OESTE3">GBA OESTE</option>
</select> </p>
</form>
</body>
</html>