Boa tarde pessoal!
Eu gostaria de saber como eu faço para alterar o layout da JSP ao selecionar uma opção do menu HTML.
Tag:
<select>
<option value="1">Opcao1</option>
<option value="2">Opcao1</option>
...
</select>
Eu tenho uma aplicação que exibe dados de um “Incidente” registrado, e neste menu eu tenho o status do Incidente (aberto, fechado ou pendente de hardware) que quando pesquisado aparece como Status = Aberto. Eu quero que quando o usuário quiser alterar o status do problema tipo, o usuário quiser fechar o Incidente, quando ele selecionar a opção de status “fechado” no tal menu, seja exibida na mesma tela uma textarea para que o usuário informe qual foi a solução para o problema, e após isto gravar novamente este incidente só que desta vez com status = fechado.
Entenderam?
Até breve e obrigado…
Javascript e Div! =]
no onchange da combo você mostra um ou outro Div de acordo com a opção que o usuário escolheu!
Olá dmarcosm…
Você teria um código para eu utilizar como exemplo? Eu não sei nada de javascript.
Ficaria agradecido…
Dá uma olhada neste código. Talvez te ajude:
[code]<html>
<head>
<script>
function verificarOpcao(opcao) {
var div1 = document.getElementById(“divOpcao1”);
var div2 = document.getElementById(“divOpcao2”);
var div3 = document.getElementById(“divOpcao3”);
switch (opcao) {
case '1':
div1.style.display = "";
div2.style.display = "none";
div3.style.display = "none";
break;
case '2':
div1.style.display = "none";
div2.style.display = "";
div3.style.display = "none";
break;
case '3':
div1.style.display = "none";
div2.style.display = "none";
div3.style.display = "";
break;
default:
div1.style.display = "none";
div2.style.display = "none";
div3.style.display = "none";
break;
}
}
</script>
</head>
<body>
<select id="selTeste" onchange="verificarOpcao(this.value)";>
<option value="">Selecione</option>
<option value="1">Opção 1</option>
<option value="2">Opção 2</option>
<option value="3">Opção 3</option>
</select>
<br>
<div id="divOpcao1" style="display:none;">
Este é o div mostrado quando o usuário escolher a opção <b>1</b> na combo.
</div>
<div id="divOpcao2" style="display:none;">
Este é o div mostrado quando o usuário escolher a opção <b>2</b> na combo.
</div>
<div id="divOpcao3" style="display:none;">
Este é o div mostrado quando o usuário escolher a opção <b>3</b> na combo.
</div>
</body>
</html>[/code]
Ps.: Só um conselho! Se você estiver desenvolvendo para web e muito importante aprender sobre Javascript e CSS. Mais cedo ou mais tarde você vai precisar escrever ou alterar alguma coisa. =]
Espero ter ajudado. Até.