Java Script

31 de agosto de 2006 6 respostas

Chale 31 de agosto de 2006

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?

6 Respostas

marciobarroso 31 de ago. de 2006

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

Abraço

fabiozoroastro 31 de ago. de 2006

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

Chale 31 de ago. de 2006

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

fabiozoroastro 31 de ago. de 2006

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.

Luiz_Aguiar 31 de ago. de 2006

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

julianostr 31 de ago. de 2006

Faça assim, utilizando a tag DIV que "cria uma camada" na sua página:

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> 

<div id="idCampo" style="display:''">
<html:select property="idCategoriaPai" styleClass="campoTexto"> 
<html:option value=""></html:option> 
<html:options collection="categorias" property="idCategoria" labelProperty="dsCategoria"/> 
</html:select> 
</div>

Criado 31 de agosto de 2006

Ultima resposta 31 de ago. de 2006

Respostas 6

Participantes 5

6 Respostas

Topicos relacionados