Como habilitar / desabilitar uma combo box no javascript

O JavaScript possui uma propriedade chamada de disabled que aceita valor booleano, onde true serve para desabilitar e false para habilitar o elemento html.

Segue a função:

<script language="JavaScript">

    function disable(obj_comboBox, isBloqueia)
    {  if(isBloqueia)
       {
			obj_comboBox.disabled = true;
       }
       else
       {
			obj_comboBox.disabled = false;
       }
    }
  </script>

Aplicamos a função no evento onchange da combo para desabilitar a combo assim que algum item for escolhido. Já para habilitar a combo, criamos um botão com evento onclick, segue o exemplo:

<select name="minhaComboBox" id="minhaComboBox" size="1" onchange="disable(this, true)">
	<option>elemento 0</option>
	<option>elemento 1</option>
	<option>elemento 2</option>
</select>

<br />
<br />
<br />
<input type='button' onclick="disable(document.getElementById('minhaComboBox'), false)" value='habilita combo'>

Referência:
W3schools. HTML disabled Attribute. http://www.w3schools.com/tags/att_select_disabled.asp

Deixe um comentário

Arquivado em HTML, JavaScript/Afins

Deixe uma resposta

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s