Ir para conteúdo

POWERED BY:

Arquivado

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

avcintra

Problema com Combox

Por , em Javascript

Recommended Posts

avcintra    0

avcintra
Postado

Bom dia a todos,

Eu montei um combox que ao selecionar uma opção ele carrega outro combox (Igual aqueles combox que você escolhe o estado e ele carrega as cidades). Ele está funcionando só que existem certas opções do combox que possuem mais itens do que outras(EX: o estado SP tem mais cidades que o MG) quando eu seleciono estas opções e depois mudo para uma opção que tenha menos itens ela substitue as primeiras opções no novo combox pelas opções do novo item mas mantem as opções do antigo item que possue mais opções.....alguem sabe como faço para zerar o combox assim que ele muda de opção?????

 

Segue o código::

 

HTML>	<HEAD>  <META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">	</HEAD>	<BODY>    <Form Name="busca_rot" action="ComboJava.asp" Method="Post">  	<Select name="regiao" size="1" onchange="fComboSubTipo();">    <option value="0">Selecione_________</option>    <option value="afr">África</option>    <option value="ame">América do Sul</option>    <option value="eur">Europa</option>    <option value="pac">Pacifico</option>  	</Select>  	<BR>  	  	<Select name="pais" size="1" onchange="fComboSubTipo();">    <Option Value="0">Selecione_________</Option>  	</Select>  	<BR>  	  	<script Language="JavaScript">    function fComboSubTipo(){    	var x=document.busca_rot.regiao.options[document.busca_rot.regiao.selectedIndex].value;    	document.busca_rot.pais.selectedIndex==0;    	    	switch(x){      case 'afr':      	document.busca_rot.pais.options[0]=new Option('Selecione_________',0);      	document.busca_rot.pais.options[1]=new Option('Africa do Sul',1);      	document.busca_rot.pais.options[2]=new Option('Botswana',2);      	document.busca_rot.pais.options[3]=new Option('Namibia',3);      	document.busca_rot.pais.options[4]=new Option('Quênia',4);      	document.busca_rot.pais.options[5]=new Option('Tanzania',5);      	break;            case 'ame':      	document.busca_rot.pais.options[0]=new Option('Selecione_________',0);      	document.busca_rot.pais.options[1]=new Option('Argentina',6);      	document.busca_rot.pais.options[2]=new Option('Bolívia',7);      	document.busca_rot.pais.options[3]=new Option('Chile',8);      	document.busca_rot.pais.options[4]=new Option('Equador',9);      	document.busca_rot.pais.options[5]=new Option('México',10);      	document.busca_rot.pais.options[3]=new Option('Peru',8);      	break;            case 'eur':      	document.busca_rot.pais.options[0]=new Option('Selecione_________',0);      	document.busca_rot.pais.options[1]=new Option('Alemanhã',9);      	document.busca_rot.pais.options[2]=new Option('Austria',10);      	document.busca_rot.pais.options[3]=new Option('Croácia',11);      	document.busca_rot.pais.options[4]=new Option('Dinamarca',12);      	document.busca_rot.pais.options[5]=new Option('Estônia',13);      	document.busca_rot.pais.options[6]=new Option('Finlândia',14);      	document.busca_rot.pais.options[7]=new Option('Grôelandia',15);      	document.busca_rot.pais.options[8]=new Option('Hungria',16);      	document.busca_rot.pais.options[9]=new Option('Islândia',17);      	document.busca_rot.pais.options[10]=new Option('Látvia',10);      	document.busca_rot.pais.options[11]=new Option('Litúania',11);      	document.busca_rot.pais.options[12]=new Option('Noruega',12);      	document.busca_rot.pais.options[13]=new Option('Polônia',13);      	document.busca_rot.pais.options[14]=new Option('Republica Tcheca',14);      	document.busca_rot.pais.options[15]=new Option('Romênia',15);      	document.busca_rot.pais.options[16]=new Option('Rússia',16);      	document.busca_rot.pais.options[17]=new Option('Slovénia',17);      	document.busca_rot.pais.options[18]=new Option('Suécia',18);      	break;      case 'pac':      	document.busca_rot.pais.options[0]=new Option('Selecione_________',0);      	document.busca_rot.pais.options[1]=new Option('Austrália',12);      	document.busca_rot.pais.options[2]=new Option('Nova Zelândia',13);      	break;    	}      }          	    fComboSubTipo();  	</Script>  </Form>	</BODY></HTML>

Compartilhar este post

Link para o post
Compartilhar em outros sites

cassitos    2

cassitos
Postado

antes de começar a preencher o combobox, limpe-a assim:

document.form1.opcoes.length=0;

form1 e opcoes são nome q eu usei p/ teste...

 

segue exemplo:

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>Documento sem título</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

</head>

 

<body>

<form name="form1" method="post" action="">

  <select name="opcoes">

    <option>lalalalala</option>

    <option>lelelelele</option>

    <option>lililililililililil</option>

    <option>lololololol</option>

    <option>lulululululu</option>

  </select>

  <input type="submit" name="Submit" value="Limpa!!!">

</form>

<script language="JavaScript">

document.form1.opcoes.length=0;

</script>

</body>

</html>

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