Ajuda com JavaScript

4 respostas
M

Ola
Sei qeu o assunto aqui é JAVA, mas como grande parte trabalha com WEB, deve conhecer JavaScript também.
Não domino muito JavaScript e estou apanhando pra fazer algo que deve ser simples, mas nao encontrei nada na internet que mostra como fazer.

Eu tenho 2 ComboBox. O primeiro tem 2 valores fixos (Locação/Venda). Dependendo o Menu que o usuário selecionar, no combo debaixo chamados Valores, irá aparecer 5 opções, mas os valores de locação e venda são diferentes. O que eu queria é que quando o usuário selecionasse a Locação ou Venda, os valores do Combo debaixo alterassem. Gostaria de fazer isso usando JavaScript, se eu for fazer um submit, eu até sei fazer, mas nao quero sobrecarregar mais ainda o Servidor.
O que eu fiz até agora foi criar 2 Arrays (uma para locação e outra para venda), conforme o usuário selecionasse uma opção, o JavaScript preencheria o combo abaixo com o valor de uma das Arrays. Não estou sabendo preencher esses valores.

Algum poderia me dar uma ajuda? mesmo não sendo de Java.

4 Respostas

eduardo_lopes

tente…

for(int i=0;i<array.lenght;i++){ comboName.options[i]=new Option(array[i],array[i]+"texto"); }

nossa… faz tempo q não mexo com javascript…

algo assim deve funcionar…

Jair_Rillo_Junior

“eduardo_lopes”:
tente…

for(int i=0;i<array.lenght;i++){ comboName.options[i]=new Option(array[i],array[i]+"texto"); }

nossa… faz tempo q não mexo com javascript…

algo assim deve funcionar…

Está perfeito Eduardo :slight_smile:

Mas só para completar, pois esse exemplo irá deixar o último valor selecionado, caso você Marcos queira que o primeiro fique selecionado, depois do for coloque

comboName.options[0].selected = true;
jgbt

cara,
use um iframe oculto.
no onchange do combo1, vc dispara um função que passa parametros para um iframe, esse iframe pode consultar um bd por exemplo e com os valores, vc seta via javascript o valor do combo2.com isso o combo fica dinamico e vc não precisa submeter toda a pg.
não tenho nenhum codigo de exemplo comigo aqui, mas se tu der uma pesquisada no forum acho ja postei uma solução p/ isso.

[]'s

camillabrasilia

Faz um tempão que não trabalho com javascrit, mas montei um código e funcionou.

<html>
<head>
<script language="JavaScript">
<!--
	function mudarMenu()
	{
		if( document.form1.menu.value == "locacao")
		{
			locacao.style.display = 'block';

			//ocultar
			venda.style.display  = 'none';
		}
		
		if( document.form1.menu.value == "venda")
		{
			venda.style.display = 'block';

			//ocultar
			locacao.style.display  = 'none';
		}
	}

-->
</script>

</head>
<body>

<form name="form1" action="#">
 <p>
  <select name="menu" onChange="mudarMenu();">
		<option></option>
		<option value="locacao">Locação</option>
		<option value="venda">Venda</option>
	  </select>
 </p>
 <br>
 
	 <div id="locacao" style='DISPLAY: none;'> 
		<select name="locacao">
			<option></option>
			<option>Locação</option>
			<option>Locação</option>
			<option>Locação</option>
	  </select>
	 </div>
 
	  <div id="venda" style='DISPLAY: none;'> 
		<select name="venda">
			<option></option>
			<option>venda</option>
			<option>Venda</option>
			<option>Venda</option>
	  </select>
	 </div>
</form>
</body>
</html>

Observação: este código funcionará apenas no internet explorer. Para funcionar no netscape e mozilla precisa de alguns ajustes.

Criado 26 de julho de 2004
Ultima resposta 26 de jul. de 2004
Respostas 4
Participantes 5