Java Script

Front-end
#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&iacute;vel 0</html:option> <html:option value="Nivel 1">N&iacute;vel 1</html:option> <html:option value="Nivel 2">N&iacute;vel 2</html:option> <html:option value="Nivel 3">N&iacute;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?

#2

ACho melhor vc explicar direito isso … não conseguí entender o q vc quer … imagino que ninguém vai entender …

Abraço

#3

Vc quer que “desapareça” as opções do segundo ou o segundo combo todo?

#4

Olá.
Obrigado por responderem!
Quero que desapareça o segundo combo todo,ou que fique desabilitado

#5

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.

#6

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 :smiley:

#7

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]
#8