Combo dependientes.. javascript + php

nightwish03 · #1 (**permalink**) 27/01/2011, 12:29

Holaaa!! tengo el siguiente problema... tengo un combo dependiente el cual funciona de maravillas, pero me acaban de agregar como requerimiento que cuando elija una de las opciones del primer <select>, además de mostrarme el segundo <select> debe aparecer un cuadro de texto.. se hacer ambas cosas por separado, pero no juntas :S
si alguien me pudiera ayudar, se lo agardecería en el alma...
el cod es el siguiente:

<script language="javascript">
function Combos(x) {
ItDepend=document.getElementById('estado_inversion ');
if(!ItDepend){return;}
var mitems=new Array();
mitems['1']=['Solicitado','Cotizado','Aprobado','En proceso de compra','Comprado','Recepcionado','Facturado'];
mitems['2']=['Solicitado','Cotizado','Aprobado','En proceso de compra','Comprado','Recepcionado','Facturado'];
mitems['3']=['Solicitado','Cotizado','Aprobado','Preparación bases','Publicación','Pregunta/Respuesta','En evaluación','En proceso de Adjudicación','Adjudicado','Contrato','Recepcionad o','Facturado'];
ItDepend.options.length=0;
ItActual=mitems[x.options[x.selectedIndex].value];
if(!ItActual){return;}
ItDepend.options.length=ItActual.length;
for(var i=0;i<ItActual.length;i++) {
ItDepend.options[i].text=ItActual[i];
ItDepend.options[i].value=ItActual[i];
}
}
</script>

<p><font color="#FF6600"><b><label for="tipo"> Tipo </label></b></font>
<select name="tipo" id="tipo" onChange="Combos(this)">
<option value="">Seleccione un tipo de Inversión</option>
<option value="1">Compra directa - Monto</option>
<option value="2">Compra directa - Justificado</option>
<option value="3" >Licitación</option>
</select></p>

la idea es que cuando selecciones "Licitación" aparezca un cuadro de texto...

alguna idea de como realizarlo???

donsirk · #2 (**permalink**) 27/01/2011, 13:50

Hola compa pues hize esto espero y te sirva de algo

jeje

Código HTML:

Ver originalhtml xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>combo</title>
</head>
<body>
<script>
function mostrar(){
    var indice = document.formulario.interfaz.selectedIndex
    var valor = document.formulario.interfaz.options[indice].value
    if(valor=="3")
    {   
        document.formulario.indique.style.visibility ='visible';
    }
    
}
</script>
<form id="formulario" name="formulario">
<select name="interfaz" id="interfaz" onchange="mostrar()">
    <option value="1">Compra directa - Monto</option>
    <option value="2">Compra directa - Justificado</option>
    <option value="3" >Licitaci&oacute;n</option>
</select>
<p> <label class="label_align">Indique</label>
<input style="visibility:hidden;" name="indique" id="indique" type="text">
</p>
</form>
 
</body>
</html>