Ocultar DropDownList!

[GustavoPY]

Hola a tod@s!

Tengo un 2 DropDownList uno de los cuales quisiera que se oculte o muestre
dependiendo de los items que el usuario selecciona en el otro DropDownList.

¿Cómo podría hacer esto con javascript?

He intentado con:

**************inicio*******
<script language="javascript">
//<!-- Oculto para navegadores antiguos

function Ocultar()
{
if (Form1.ddl_Criterio.selectedIndex == 2 ) ||
Form1.ddl_Criterio.selectedIndex == 3 || Form1.ddl_Criterio.selectedIndex ==
4)
{
document.getElementById('ddl_BuscarEn').style.visi bility='hidden';
}
else
{
document.getElementById('ddl_BuscarEn').style.visi bility='visible';
}

}
// -->
</script>

******* fin ******

Luego:
****** inicio ********
<asp:DropDownList id="ddl_Criterio" onChange='parent.Ocultar()'
style="Z-INDEX: 111; LEFT: 32px; POSITION: absolute; TOP: 188px"
runat="server" CssClass="boton">
<asp:ListItem Value="0">Seleccione una opción</asp:ListItem>
<asp:ListItem Value="nro_sspp">Número de solicitud</asp:ListItem>
<asp:ListItem Value="nro_linea">Número de línea</asp:ListItem>
<asp:ListItem Value="nro_serie">Número de serie</asp:ListItem>
<asp:ListItem Value="Simcard">SimCard</asp:ListItem>
<asp:ListItem Value="nro_numero">Número de Doc.
Cliente</asp:ListItem>
<asp:ListItem Value="ci_vendedor">Número de Doc.
Vendedor</asp:ListItem>
<asp:ListItem Value="nombre_vendedor">Vendedor</asp:ListItem>
<asp:ListItem Value="ruc">R.U.C.</asp:ListItem>
***** fin*********


Desde ya muchas gracias!
Gustavo!

[HenrydeSousa]

Hazlo en el evento SelectedIndexChanged de tu DropDownList.
Alli preguntas por el elemento seleccionado con la propiedad SelectedValue del combo.
De acuerdo a eso simplemente haces visible o no al otro ComboBox.
Ten en cuenta que debes establecer la propiedad AutoPostBack del combo a true, esto es para que los datos se envien al servidor una vez que hayas seleccionado un elemento en tu combo.

[GustavoPY]

Gracias Henry!
Pero mi idea es hacerlo en el cliente!

[HenrydeSousa]

ok sorry, no estoy muy versado en cuanto a javascript. Si alguien mas te puede ayudar.

[RootK]

Te podría quedar así..

Le agregas el evento onchange a tu dropdownlist desde tu page Load

Private Sub Page_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load
'Put user code to initialize the page here

If Not IsPostBack Then
ddl_Criterio.Attributes.Add("onchange", "ocultar(this);")
End If

End Sub

Y en tu HTML sería:

<script language=javascript>
function ocultar(obj)
{
var iIndex = obj.selectedIndex;
if (iIndex==2 || iIndex==3 || iIndex==4)
obj.style.visibility='hidden';
else
obj.style.visibility='visible';


}
</script>

Salu2