Bloquear Combobox

1) Como no seu select nenhum option tem value, vamos criar uma função que dependendo do TEXTO do option, desabilida o outro select.
2) Como sua primeira opção é Pasta, quando carregar a página o select tamanho deve começar desabilitado, por isso deve-se colocar a palavra-chave DISABLED no select do tamanho.

PS. Se você tiver mais de um form, ou os selects estiverem em forms diferentes, altere os índices de forms[i], onde i indica que o elemento em questão pertence ao i-ésimo form. Se achar melhor, coloque um id nos selects em questão e acesse-os com document.getElementById(...).

&lt;script>
function disabler(){
 
  box = document.forms[0].modelo
  text = box.options[box.selectedIndex].value

  if (text=="Pasta")
	document.forms[0].tamanho.disabled = true
  else
	document.forms[0].tamanho.disabled = false
}
</script>

<body>

<form>

<td><select name="modelo" size="1" onChange="disabler()">
<option selected>Pasta</option>
<option>Porta-treco</option>
<option>Frasqueira</option>
</td>

<td><select name="tamanho" size="1" disabled>
<option selected>P</option>
<option>M</option>
<option>G</option>
</td>
</form>

</body>

Tenho estes modelos de combobox

<td><select name="modelo" size="1">
<option selected>Pasta</option>
<option>Porta-treco</option>
<option>Frasqueira</option>
</td>

<td><select name="tamanho" size="1">
<option selected>P</option>
<option>M</option>
<option>G</option>
</td>

Queria que quando o usuário escolhesse a opção Pasta do combo modelo,
a combo do tamanho ficasse bloqueado.

#1 jacksto

#2 matt.cavotta

1 user(s) are reading this topic

Bloquear Combobox

#1 jacksto

#2 matt.cavotta

1 user(s) are reading this topic

Entrar