• 0
Sign in to follow this  
Guest Márcio

Atualizar List Box Dependendo Do Parametro

Question

Guest Márcio

Pessoal,

Tenho dois list box na página e preciso que dependendo da seleção do 1º list o JavaScript preencher o 2º list com as opções correspondentes.

Alguém tem isso ou pode me dar alguma dica de como fazer?

Segue abaixo o código que utilizei em minha tentativa:

function AtualizaCombo() {

alert(document.form1.Combo1.value)

if (document.form1.Combo1.item == "Selecao 1") {

document.form1.Combo2.clearAttributes();

document.form1.Combo2.add = "1.1";

document.form1.Combo2.add = "1.2";

document.form1.Combo2.add = "1.3";

}

else if (document.form1.Combo1.value == "Selecao 2") {

document.form1.Combo2.clearAttributes();

document.form1.Combo2.addFilter = "2.1";

document.form1.Combo2.add = "2.2";

document.form1.Combo2.add = "2.3";

}

else if (document.form1.Combo1.value == "Selecao 3") {

document.form1.Combo2.clearAttributes();

document.form1.Combo2.add = "3.1";

document.form1.Combo2.add = "3.2";

document.form1.Combo2.add = "3.3";

}

else if (document.form1.Combo1.value == "Selecao 4") {

document.form1.Combo2.clearAttributes();

document.form1.Combo2.add = "4.1";

document.form1.Combo2.add = "4.2";

document.form1.Combo2.add = "4.3";

}

}

Obrigado,

:huh:

Share this post


Link to post
Share on other sites

3 answers to this question

Recommended Posts

  • 0

cara.. já tem este script em algum lugar do forum.. mas veja se este ai serve:

eu fiz para uma pessoa aqui do forum.. ele só aparece a segunda opção se a primeira for escolhida.. se voltar para o inicio da lista ele some com as opçoes.. da uma olhada nele que vai entender..

Boa Sorte

<html>
<head>
<title></title>
<script language="javascript">
// Mantenha os Creditos.. [email protected]
// Projetos e Desenvolvimento de Sistemas
Bancos = new Array("Banco1","Banco2","Banco3");
Cartoes = new Array("Cartao1","Cartao2","Cartao3");
function Mudar() {
esconder()
aparecer()
indice = document.dados.tipo.selectedIndex;
switch (indice) {
case 0:
esconder()  // Para se a opcao escolhida for a primeira sumir com a lista
case 1:
Local = Bancos; break;
case 2:
Local = Cartoes;
}
for (i=0; i<Local.length; i++) {
document.dados.Local.options[i].value = Local[i];
document.dados.Local.options[i].text = Local[i];
}
}
</script>

<!-- Funcoes para a Esconder e Aparecer -->

<script LANGUAGE="JavaScript"> 
<!-- 
var dom=document.getElementById

function esconder()
{
crossobj=(dom)?document.getElementById("teste").style : ie? document.all.teste : document.teste
crossobj.visibility="hidden"

}

function aparecer() 
{
crossobj=(dom)?document.getElementById("teste").style : ie? document.all.teste : document.teste
crossobj.visibility="visible"

} 
// -->   
</script>     

</head>
<body onload="javascript:esconder();">
<form name="dados">
<p>Forma pagamento: 

<select name="tipo" onchange="Mudar();">
<option value="1">Forma para pagamento
<option value="2">Banco
<option value="3">Cartao
</select>

<div id="teste"> 
<select name="Local">
<option>
<option>
<option>
</select>
</div>
</form>
</body>
</html>

Share this post


Link to post
Share on other sites
  • 0
Guest marcioado

Maravilha :D

Gostei muito pelo fato de desaparecer o objeto.

Muito Obrigado.

Márcio. :)

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this