Combobox Oculta

Bom dia,

Estrou trabalhando em um código que precisa cadastrar usuários.
Abaixo do campo NOME:, ha o campo TIPO: que é uma combobox que tem duas opções UCI e CONT.
Quero que, quando eu selecionar a opção UCI, apareça abaixo uma nova combobox, como o campo UNIDADE.

Já criei as duas combobox, mas não sei como "ocultar" a segunda nem como fazer a chamada dela através da opção UCI. A combobox oculta só aparece caso a opção UCI seja selecionada.

Abaixo, segue o código da página:

<%@ page contentType="text/html;charset=ISO-8859-1" language="java" %>
<%@ taglib uri="http://jakarta.apache.org/struts/tags-bean" prefix="bean" %>
<%@ taglib uri="http://jakarta.apache.org/struts/tags-html" prefix="html" %>
<%@ taglib uri="http://jakarta.apache.org/struts/tags-logic" prefix="logic" %>
<%@ page import="org.apache.struts.Globals" %>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
		<meta http-equiv=pragma content=no-cache>
		<meta http-equiv=expires content="Mon, 06 Jan 1990 00:00:01 GMT">
		<title><bean:message key="titulo.usuarios"/></title>
		<link rel="stylesheet" href="./css/estilos.css" type="text/css">
		<script language="javascript" src="./js/digitacao.js"></script>
		<script language="javascript">
			var selectedItem = "";
			function fechar() {
				window.location = "./tabelasAD.do";
			}
			function pesquisar() {
				document.usuarioForm.action.value = "listar";
				document.usuarioForm.submit();
			}
			function incluir() {
				document.usuarioForm.action.value = "incluir";
				document.usuarioForm.submit();
			}
			function alterar() {
				document.usuarioForm.action.value = "alterar";
				document.usuarioForm.submit();
			}
			function excluir() {
				document.usuarioForm.action.value = "excluir";
				document.usuarioForm.submit();
			}
			function visualizarUsuario() {
				document.usuarioForm.action.value = "visualizarUsuario";
				document.usuarioForm.submit();
			}
			function visualizarLista() {
				document.usuarioForm.action.value = "visualizarLista";
				document.usuarioForm.submit();
			}
			function exibirCriterio() {
				document.getElementById("criterio1").style.display="";
				document.getElementById("criterio2").style.display="";
				document.getElementById("criterio3").style.display="";
				document.getElementById("criterio4").style.display="";
				document.getElementById("criterio5").style.display="";
				document.getElementById("criterio6").style.display="";
				document.getElementById("criterio7").style.display="";
				document.getElementById("criterio8").style.display="";
				document.getElementById("maisCriterio").style.display="none";
				document.getElementById("menosCriterio").style.display="";
				document.usuarioForm.filtroUsuario.focus();
			}
			function ocultarCriterio() {
				document.getElementById("criterio1").style.display="none";
				document.getElementById("criterio2").style.display="none";
				document.getElementById("criterio3").style.display="none";
				document.getElementById("criterio4").style.display="none";
				document.getElementById("criterio5").style.display="none";
				document.getElementById("criterio6").style.display="none";
				document.getElementById("criterio7").style.display="none";
				document.getElementById("criterio8").style.display="none";
				document.getElementById("maisCriterio").style.display="";
				document.getElementById("menosCriterio").style.display="none";
			}
			function enterKey() {
		    	if (event.keyCode == 13) {
		    		event.returnValue = false;
		    		pesquisar();
		    	}
			}	
			function carregarPagina() {
				document.onkeypress = enterKey;
				parent.topFrame.location.href='./top.do?idMenuPai=443';
				<logic:present name="usuarios">
				<logic:empty name="usuarios">
					exibirCriterio();
				</logic:empty>
				</logic:present>
				<logic:notPresent name="usuarios">
					exibirCriterio();
				</logic:notPresent>
			<logic:equal name="usuarioForm" property="imprimirUsuario" value="true">
				window.open("./usuario.do?action=imprimirUsuario&idUsuario=<bean:write name="usuarioForm" property="idUsuario"/>",
						null,"height=540,width=640,status=no,toolbar=yes,menubar=no,location=no,resizable=yes,scrollbars=yes");
			</logic:equal>				
			}
		</script>
	</head>
	<html:form action="/usuario.do">
	<html:hidden property="action"/>
	<body topmargin="5" leftmargin="5" link="#E8E8E8" vlink="#E8E8E8" alink="#E8E8E8" onload="carregarPagina()">
		<table class="tabelaTitulo" width="100%" border="0" cellpadding="1" cellspacing="1">
			<tr>
				<td class="celulaTitulo" height="25">
					<bean:message key="titulo.usuarios"/>
				</td>
			</tr>
		</table>
		<table class="tabelaInstrucoes">
			<logic:present name="<%=Globals.ERROR_KEY%>">
			<tr>
				<td class="celulaErro" valign="middle" align="center" height="30">
					<html:errors/>
				</td>
			</tr>
			</logic:present>
			<logic:notPresent name="<%=Globals.ERROR_KEY%>">
			<tr>
				<td class="celulaInstrucoes" valign="middle" height="30">
					<bean:message key="alias.instrucoes.usuarios"/>
				</td>
			</tr>
			</logic:notPresent>			
		</table>
		<table class="tabelaForm" width="100%" cellpadding="1" cellspacing="1">
			<tr>
				<td class="celulaCabecalhoForm" height="20" colspan="2" valign="middle">
				<table cellpadding="0" cellspacing="0" width="100%">
					<tr>
						<td id="menosCriterio" style="display:none;" valign="middle" align="center" width="15">
							<a href="javascript:ocultarCriterio();"><img src="./images/menos.bmp" border="0"></a>
						</td>
						<td id="maisCriterio" valign="middle" align="center" width="15">
							<a href="javascript:exibirCriterio();"><img src="./images/mais.bmp" border="0"></a>
						</td>
						<td class="celulaCabecalhoForm">
							 <bean:message key="alias.criterio.pesquisa"/>
						</td>
						<td class="celulaCabecalhoFormRight">
							<a href="javascript:pesquisar();" title="Pesquisar"><img src="./images/pesquisar.bmp" border="0"></a> 
						</td>
					</tr>
				</table>
				</td>
			</tr>
			<tr id="criterio1" style="display:none;">
				<td class="celulaCorpoForm" width="120" height="20" valign="middle">
					 <bean:message key="alias.nome.usuario"/>:				
				</td>
				<td class="celulaCorpoForm" height="20" valign="middle">
					<html:text property="filtroUsuario" styleClass="campoTexto" size="20" errorStyleClass="campoTextoErro" onkeypress="this.className='campoTexto'" style="WIDTH: 250"/>
				</td>
			</tr>
			<tr id="criterio2" style="display:none;">
				<td class="celulaCorpoForm" width="120" height="20" valign="middle">
					 <bean:message key="alias.tipo.usuario"/>:				
				</td>
				<td class="celulaCorpoForm" height="20" valign="middle">
					<select name="filtroTipoUsuario" style="WIDTH: 57" class="campoTexto">
						<option value=""> </option>
						<option value="1">CONT</option>
						<option value="2">UCI</option>
						</select>
				</td>
			</tr>			
			<tr id="criterio3" style="display:none;">
				<td class="celulaCorpoForm" width="120" height="20" valign="middle">
					 <bean:message key="alias.unidade"/>:				
				</td>
				<td class="celulaCorpoForm" height="20" valign="middle">
					<select name="filtroTipoUsuario" style="WIDTH: 250" class="campoTexto">
						<option value="1">Unidades Cadastradas</option>
						</select>
				</td>
			</tr>			
			<tr id="criterio4" style="display:none;">
				<td class="celulaCorpoForm" width="120" height="20" valign="middle">
					 <bean:message key="alias.sigla.unidade"/>:				
				</td>
				<td class="celulaCorpoForm" height="20" valign="middle">
					<html:text property="filtroSigla" styleClass="campoTexto" size="20" errorStyleClass="campoTextoErro" onkeypress="this.className='campoTexto'" style="WIDTH: 250"/>
				</td>
			</tr>
			<tr id="criterio5" style="display:none;">
				<td class="celulaCorpoForm" width="120" height="20" valign="middle">
					 <bean:message key="alias.formacao.usuario"/>:				
				</td>
				<td class="celulaCorpoForm" height="20" valign="middle">
					<html:text property="filtroFormacao" styleClass="campoTexto" size="20" errorStyleClass="campoTextoErro" onkeypress="this.className='campoTexto'" style="WIDTH: 250"/>
				</td>
			</tr>
			<tr id="criterio6" style="display:none;">
				<td class="celulaCorpoForm" width="120" height="20" valign="middle">
					 <bean:message key="alias.especializacao.usuario"/>:				
				</td>
				<td class="celulaCorpoForm" height="20" valign="middle">
					<html:text property="filtroEspecializacao" styleClass="campoTexto" size="20" errorStyleClass="campoTextoErro" onkeypress="this.className='campoTexto'" style="WIDTH: 250"/>
				</td>
			</tr>
			<tr id="criterio7" style="display:none;">
				<td class="celulaCorpoForm" width="120" height="20" valign="middle">
					 <bean:message key="alias.treinamentos.usuario"/>:				
				</td>
				<td class="celulaCorpoForm" height="20" valign="middle">
					<html:text property="filtroTreinamentos" styleClass="campoTexto" size="20" errorStyleClass="campoTextoErro" onkeypress="this.className='campoTexto'" style="WIDTH: 250"/>
				</td>
			</tr>
			<tr id="criterio8" style="display:none;">
				<td class="celulaCorpoForm" width="120" height="20" valign="middle">
					 <bean:message key="alias.atividades.usuario"/>:				
				</td>
				<td class="celulaCorpoForm" height="20" valign="middle">
					<html:text property="filtroAtividades" styleClass="campoTexto" size="20" errorStyleClass="campoTextoErro" onkeypress="this.className='campoTexto'" style="WIDTH: 250"/>
				</td>
			</tr>
		</table>
		<logic:present name="usuarios">
		<logic:notEmpty name="usuarios">
			<div> </div>
			<table class="tabelaForm" width="100%" cellpadding="1" cellspacing="1">
			<tr>
				<td class="celulaCabecalhoDadosCenter" height="20" width="2%" valign="middle">
					#
				</td>
				<td class="celulaCabecalhoDadosLeft" height="20" width="27%" valign="middle">
					 <bean:message key="alias.nome.usuario"/>
				</td>
				<td class="celulaCabecalhoDadosLeft" height="20" width="27%" valign="middle">
					 <bean:message key="alias.unidade"/>
				</td>
				<td class="celulaCabecalhoDadosLeft" height="20" width="15%" valign="middle">
					 <bean:message key="alias.sigla.unidade"/>
				</td>
				<td class="celulaCabecalhoDadosLeft" height="20" width="15%" valign="middle">
					 <bean:message key="alias.login"/>
				</td>
				<td class="celulaCabecalhoDadosLeft" height="20" width="14%" valign="middle">
					 <bean:message key="alias.desativado"/>
				</td>
			</tr>
			<logic:iterate id="usuarios" name="usuarios">
			<tr>
				<td class="celulaCorpoFormCenter" width="130" height="20"valign="middle">
					<html:radio property="idUsuario" idName="usuarios" value="idUsuario"/>
				</td>
				<td class="celulaCorpoForm" height="20"valign="middle">
					 <bean:write name="usuarios" property="nome"/>
				</td>
				<td class="celulaCorpoForm" height="20" valign="middle" style="padding-left: 4px;">
					<bean:write name="usuarios" property="descricaoUnidade"/>
				</td>
				<td class="celulaCorpoForm" height="20" valign="middle" style="padding-left: 4px;">
					<bean:write name="usuarios" property="siglaUnidade"/>
				</td>
				<td class="celulaCorpoForm" height="20" valign="middle" style="padding-left: 4px;">
					<bean:write name="usuarios" property="login"/>
				</td>
				<td class="celulaCorpoForm" height="20" valign="middle" style="padding-left: 4px;">
					<logic:equal name="usuarios" property="ativo" value="S">
						 <bean:message key="alias.nao"/>
					</logic:equal>
					<logic:equal name="usuarios" property="ativo" value="N">
						 <bean:message key="alias.sim"/>
					</logic:equal>
				</td>
			</tr>
			</logic:iterate>
			</table>
		</logic:notEmpty>
		</logic:present>
	</body>
	</html:form>
</html>

Lembrando que o código referente às combobox estão entre as linhas 147 e 168.

Abraços

This message was edited 1 time. Last update was at 01/09/2011 09:00:46

tenta colocar no atributo style do combobox o códifo abaixo:

Em qual linha do código?

Mas como haveria a chamada dessa combobox oculta por meio da opção UCI???

Notícias, artigos e o maior fórum brasileiro sobre Java