//asi lo llamas desde tu select principal llamdo sec el segundo select se llama tip
<select name="sec" class="informacion" id="sec" onChange="cambia(form1.tip)">
<option value="0" selected>::. Seleccione el Sector .::</option>
<option value="1">Gobierno Regional de Moquegua</option>
<option value="2">D.R. de la Producción (Industria y Pesqueria)</option>
<option value="3">D.R. de Energía y Minas</option>
<option value="4">D.R. Agricultura</option>
<option value="5">D.R. Comercio Exterior y Turismo</option>
<option value="6">D.R. Educación</option>
<option value="7">D.R. Salud</option>
<option value="8">D.R. Trabajo</option>
<option value="9">D.R. Vivienda Saneamiento y Construcción</option>
<option value="10">D.R. Archivo Regional</option>
<option value="11">D.R. Transporte y Comunicaciones</option>
</select>
// esto pones en tu archivo js
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);
}
// esto lo puedes cambiar si quieres por un
// switch (document.form1.sec.selectedIndex)
// {
// case 0:
// addOpt(oCntrl, 0, "::. Seleccione Primero el Sector ::.", "");
// break;
// case 1:
// addOpt(oCntrl, 0, "lo que quiereas agregar", "");
// break;
// yo lo hoce asi porq lo estoy haceindo por grupos
if (document.form1.sec.selectedIndex == 1 ){
addOpt(oCntrl, 0, "::. Seleccione ::.", "");
addOpt(oCntrl, 1, "CAP", "1");
addOpt(oCntrl, 2, "PAP", "2");
addOpt(oCntrl, 3, "ROF", "3");
addOpt(oCntrl, 4, "MAPRO", "4");
addOpt(oCntrl, 5, "TUPA", "5");
addOpt(oCntrl, 6, "Directivas", "6");
addOpt(oCntrl, 7, "Resoluciones", "7"); }
if (document.form1.sec.selectedIndex > 1 ){
addOpt(oCntrl, 0, "::. Seleccione ::.", "");
addOpt(oCntrl, 1, "CAP", "1");
addOpt(oCntrl, 2, "PAP", "2");
addOpt(oCntrl, 3, "ROF", "3");
addOpt(oCntrl, 4, "MAPRO", "4");
addOpt(oCntrl, 5, "TUPA", "5");
}
}
Espero te sirva |