Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Hugo Borges_120734

bloqueando input com select

Recommended Posts

Bom galera montei um select onde, se eu selecionar a 1º opção o input e bloqueado, a 2º opção ele e desbloqueado.

 

Porem preciso que ele comesse bloqueado e não esta dando certo, tenho que clicar sempre na 2 e depois na primeira para bloquear.

 

Segue o código

<script>
function verificaOpcao( valor ){
  if( valor == 1 ){
	document.getElementById("cidade").disabled = true;
  }else if( valor == 2){
	document.getElementById("cidade").disabled = false;
  }
}
</script>

<select name="op" onchange="verificaOpcao(this.value)">
  <option value="1">bloqueado</option>
  <option value="2">desbloqueado</option>
</select><br /><br />
  Cidade: <input type="text" name="cidade" id="cidade"><br />

Outro detalhe queria que na 1º opção o class="tipo1" e na 2º class='tipo3'

Compartilhar este post


Link para o post
Compartilhar em outros sites

você quer que quando tiver bloqueado ele fique com uma estrutura e quando liberado ele fique com outra?

 

se for e só fazer assim!

<script>
function verificaOpcao( valor ){
  if( valor == 1 ){
	document.getElementById("cidade").disabled = true;
	$("#cidade").removeClass("opcao-2").addClass("opcao-1");
  }else if( valor == 2){
	document.getElementById("cidade").disabled = false;
	$("#cidade").removeClass("opcao-1").addClass("opcao-2");
  }
}


</script>

<select name="op" onchange="verificaOpcao(this.value)">
  <option value="1">bloqueado</option>
  <option value="2">desbloqueado</option>
</select><br /><br />
 Cidade: <input type="text" name="cidade" id="cidade" class="opcao-1" disabled><br />

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.