Ir para conteúdo

POWERED BY:

Arquivado

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

Beraldo

Ocultar <input> Ao Selecionar Num <select>

Por , em Javascript

Recommended Posts

Beraldo    864

Beraldo
Postado

No sistema que estou fazendo, o usuário deverá marcar um determinado código no <select> ou inserir o código desejado na área de texto. Para evitar que haja o "preenchimento dos dois campos", estou tentando fazer uma função que, quando o usuário marcar um valor em um, desabilita o outro, ou seja, quando houver valor no <select>, desabilitar o <input> e, qunado houver valor no <input>, desabilitar o <select>.

 

O problema é que isso está funcionando bem no IE (7) e no Opera (9.0), mas não no FF (2.0).

 

Eis o código:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" language="javascript">
function Ocultar(){
var ref_select = document.getElementById('ref_select');
var ref_input = document.getElementById('ref_input');

if (ref_select.options.value != "")
ref_input.disabled = true;
else
ref_input.disabled = false;

if (ref_input.value != "")
ref_select.disabled = true;
else
ref_select.disabled = false;
}
</script>
<title>Teste</title>
</head>
<body>
<form action="">
<select name="ref" id="ref_select" onchange="Ocultar();">
<option value=""> </option>
<option value="teste">Teste</option>
</select>
<br /><br />
<input type="text" name="ref" id="ref_input" onkeyup="Ocultar();" />
</form>
</body>
</html>

 

Alguém conseguiria fazer com que isso funcionasse nos três navegadores? Estou há um tempão tentando arrumar, mas não estou obtendo êxito.

 

Valeu

[]'s

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito