Chale
Agosto 31, 2006, 12:29pm
#1
Oi pessoal.
Tenho este combo:
<html:select property="dsNivel" styleClass="campoTexto" styleId="descNivel" onchange="alteraLabelCor()">
<html:option value=""></html:option>
<html:option value="Nivel 0">Nível 0</html:option>
<html:option value="Nivel 1">Nível 1</html:option>
<html:option value="Nivel 2">Nível 2</html:option>
<html:option value="Nivel 3">Nível 3</html:option>
</html:select>
Embaixo tenho este outro:
<html:select property="idCategoriaPai" styleClass="campoTexto">
<html:option value=""></html:option>
<html:options collection="categorias" property="idCategoria" labelProperty="dsCategoria"/>
</html:select>
Quero que quando o usuário selecionar “Nível 0” ,no primeiro combo,“desapareça” o segundo.
Alguém sabe fazer isto em Java Script?
ACho melhor vc explicar direito isso … não conseguí entender o q vc quer … imagino que ninguém vai entender …
Abraço
Vc quer que “desapareça” as opções do segundo ou o segundo combo todo?
Chale
Agosto 31, 2006, 2:25pm
#4
Olá.
Obrigado por responderem!
Quero que desapareça o segundo combo todo,ou que fique desabilitado
Que fique desabilitado é mais fácil de fazer… rs…
então:
no seu primeiro select faz assim:
<html:select property="dsNivel" onchange="alteraLabelCor();valTest(this.value)">
Segundo Select
<html:select property="idCategoriaPai" id="segundoSelect">
e na funcao java script:
function valTest(valor){
if(valor == 'Nivel 0'){
document.forms[0].segundoSelect.disabled = true;
}
}
Beleza?
Abraço.
Cara não lembro de cabeça, mas faz isso usando DIV, que ai vc da um hide, e tudo some, como num passe de mágica
Faça assim, utilizando a tag DIV que “cria uma camada” na sua página:
[code]function atualizaCombo(campo) {
if (campo.options[campo.selectedIndex].value == “Nivel 0”) {
// Campo desaparece
document.getElementById(“idCampo”).style.display = “none”;
}
else {
// Campo aparece
document.getElementById(“idCampo”).style.display = “”;
}
}
<html:select property=“dsNivel” styleClass=“campoTexto” styleId=“descNivel” onchange=“atualizaCombo(this)”>
<html:option value=""></html:option>
<html:option value=“Nivel 0”>Nível 0</html:option>
<html:option value=“Nivel 1”>Nível 1</html:option>
<html:option value=“Nivel 2”>Nível 2</html:option>
<html:option value=“Nivel 3”>Nível 3</html:option>
</html:select>
[/code]