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>[size=18][color=red]Lembrando que o código referente às combobox estão entre as linhas 147 e 168.[/color][/size]
Abraços