Ir para conteúdo

POWERED BY:

Arquivado

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

Gabriel Palucoski

[Resolvido] Desabilitando combo box com o valor de outra

Por , em Javascript

Recommended Posts

Gabriel Palucoski    1

Gabriel Palucoski
Postado

Boa Tarde á todos, tenho um formulário e preciso desabilitar 3 combos se o valor de uma outra for igual a 1, mas tá dando erro, alguem pode me ajudar?

 

function validaForm()
{
	d = document.form1;
	//validar turno
	if (d.usa1.value == "1")
	{
		d.getelementbyid(entende1).disabled=true;
		d.getelementbyid(auxilia1).disabled=true;
		d.getelementbyid(confia1).disabled=true;
		
	}
	
	
}

Compartilhar este post

Link para o post
Compartilhar em outros sites

hantaro    1

hantaro
Postado

Intendi muito nao mas a parte do getelement se escreve com diferenca entre maiuscula e minuscula

 

getElementById

e como seu html nao esta postado, fiquei na duvida, voce quer desabilitar, mas continuar mostrando-os, ou escondelos?

se for esconder usa style.display

Compartilhar este post

Link para o post
Compartilhar em outros sites

Carutcho    0

Carutcho
Postado

outro detalhe importante,

além do "getElementById" com as primeiras letras maiúsculas, se o que você colocou como parâmetro for o id em string do campo você tem q usar " aspas.

 

tipo

 

<input type="checkbox" id="entende1">

seu javascript teria q estar assim:

 

d.getElementById("entende1").disabled=true

 

absss

Compartilhar este post

Link para o post
Compartilhar em outros sites

Gabriel Palucoski    1

Gabriel Palucoski
Postado

Entao kra eu vo posta como eu estou fazendo, e nao esta funcionando do mesmo jeito, se alguem souber aonde está o erro ficarei grato

 

<script LANGUAGE="JavaScript">

function validaForm()
{
	//validar turno
	if (document.getElementById("usa1") == "Muito")
	{
		document.getElementById("entende1").disabled=true;
		document.getElementById("auxilia1").disabled=true;
		document.getElementById("confia1").disabled=true;
		
	}
	
	
}

</SCRIPT>

<select name="usa1" id="usa1" onchange="">
			  <option value=" " selected="selected"></option>
			  <option value="Muito">Muito</option>
			  <option value="Pouco">Pouco</option>
			  <option value="Nunca">Nunca</option>
			  <option value="Desconheco">Desconheço</option>
			  <option value="1">1</option>
			</select>
			<span style="text-align: center"></span></div></td>
		  <td height="24" bgcolor="#e5f1f4"><select name="entende1" id="entende1">
			<option value=" " selected="selected"></option>
			<option value="Muito">Muito</option>
			<option value="Pouco">Pouco</option>
			<option value="Nada">Nada</option>
</select>
		  <span style="text-align: center"></span></td>
		  <td height="24" bgcolor="#e5f1f4"><select name="auxilia1" id="auxilia1">
			<option value=" " selected="selected"></option>
			<option value="Muito">Muito</option>
			<option value="Pouco">Pouco</option>
			<option value="Nada">Nada</option>
</select></td>
		  <td height="24" bgcolor="#e5f1f4"><select name="1confia" id="1confia">
			<option value=" " selected="selected"></option>
			<option value="Muito">Muito</option>
			<option value="Pouco">Pouco</option>
			<option value="Nada">Nada</option>
</select></td>
		</tr>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Carutcho    0

Carutcho
Postado

Tipo

 

O javascript nesse caso assim não funciona lendo sequencial,

ele precisa que algum evento dispare a função, não tem nenhum evento que dispare essa função para que ela desabilite os campos.

 

 

Exemplos de uso

 

//ao carregar a pagina

<body onload="java script:validaForm()">

 

//ao mudar uma opção do select 

<select name="usa1" id="usa1" onchange="java script:validaForm()">
			  <option value=" " selected="selected"></option>
			  <option value="Muito">Muito</option>
			  <option value="Pouco">Pouco</option>
			  <option value="Nunca">Nunca</option>
			  <option value="Desconheco">Desconheço</option>
			  <option value="1">1</option>
			</select>

E por ae vai, não tenho como colocar em qualquer um pq não sei a sua necessidade no programa, mas essa é a linha de pensamento da coisa.

 

abssss

Compartilhar este post

Link para o post
Compartilhar em outros sites

Gabriel Palucoski    1

Gabriel Palucoski
Postado

Entao guri, eu fiz no evento onchange da combo ... mas não funciona, eu preciso quando ele marca uma opção especifica desabilite outras 2 combos, mas nao vai, isso q eu nao entendo, to quase jogando a toalha por coisa pequena =(

Compartilhar este post

Link para o post
Compartilhar em outros sites

Alex Hiroshi    7

Alex Hiroshi
Postado

Não precisa usar java script: nos eventos. Os eventos são javascript, então não é necessários falar para o javascript que ele vai chamar um javascript.

 

Nesse segundo script você mudou algumas coisas.

if (document.getElementById("usa1") == "Muito")
Antes dessa linha, coloque um alert para ver o que document.getElementById("usa1") vai retornar. Retornou o value do option selecionado?

 

Tem que fazer como no seu primeiro script: comparar o value do elemento.

if (document.getElementById("usa1").value == "Muito")

Compartilhar este post

Link para o post
Compartilhar em outros sites

Carutcho    0

Carutcho
Postado

Está exatamente onde o lex disse.

 

<script>
function validaForm()
{
	//validar turno
	if (document.getElementById("usa1").value == "Muito")
	{
		document.getElementById("entende1").disabled=true;
		document.getElementById("auxilia1").disabled=true;
		document.getElementById("confia1").disabled=true;
		
	}
	
	
}

</SCRIPT>

<select name="usa1" id="usa1" onchange="validaForm()">
			  <option value=" " selected="selected"></option>
			  <option value="Muito">Muito</option>
			  <option value="Pouco">Pouco</option>
			  <option value="Nunca">Nunca</option>
			  <option value="Desconheco">Desconheço</option>
			  <option value="1">1</option>
			</select>
<br />
<select name="entende1" id="entende1">
			<option value=" " selected="selected"></option>
			<option value="Muito">Muito</option>
			<option value="Pouco">Pouco</option>
			<option value="Nada">Nada</option>
</select>
<br />
<select name="auxilia1" id="auxilia1">
			<option value=" " selected="selected"></option>
			<option value="Muito">Muito</option>
			<option value="Pouco">Pouco</option>
			<option value="Nada">Nada</option>
</select>
<br />		 
<select name="1confia" id="confia1">
			<option value=" " selected="selected"></option>
			<option value="Muito">Muito</option>
			<option value="Pouco">Pouco</option>
			<option value="Nada">Nada</option>
</select>

Faz o teste ae.

 

 

Absss

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