Combobox Dinâmico

[Guest - sergio -]

Pessal, estou prescisando de fazer um combobox dinâmico, ou seja, tenho dois combos e presciso que o conteúdo do segundo apareça de acordo com a opção que eu escolher no primeiro. Alguém sabe como fazer isso em javascript?

Obrigado

[lobismano]

E ai, beleza. Peguei esse codigo na net, acho que é o que você procura.

<!-- --><form name="doublecombo">

<p><select name="example" size="1" onChange="redirect(this.options.selectedIndex)">

<option>Technology Sites</option>

<option>News Sites</option>

<option>Search Engines</option>

</select>

<select name="stage2" size="1">

<option value="http://wsabstract.com">Website'>http://wsabstract.com">Website Abstraction</option>

<option value="http://www.news.com">News.com</option>'>http://www.news.com">News.com</option>

<option value="http://www.wired.com">Wired'>http://www.wired.com">Wired News</option>

</select>

<input type="button" name="test" value="Go!"

onClick="go()">

</p>

<script>

<!--

/*

Double Combo Script Credit

By Website Abstraction (www.wsabstract.com)

Over 200+ free JavaScripts here!

*/

var groups=document.doublecombo.example.options.length

var group=new Array(groups)

for (i=0; i<groups; i++)

group=new Array()

group[0][0]=new Option("Website Abstraction","http://wsabstract.com")

group[0][1]=new Option("News.com","http://www.news.com")

group[0][2]=new Option("Wired News","http://www.wired.com")

group[1][0]=new Option("CNN","http://www.cnn.com")

group[1][1]=new Option("ABC News","http://www.abcnews.com")

group[2][0]=new Option("Hotbot","http://www.hotbot.com")

group[2][1]=new Option("Infoseek","http://www.infoseek.com")

group[2][2]=new Option("Excite","http://www.excite.com")

group[2][3]=new Option("Lycos","http://www.lycos.com")

var temp=document.doublecombo.stage2

function redirect(x){

for (m=temp.options.length-1;m>0;m--)

temp.options[m]=null

for (i=0;i<group[x].length;i++){

temp.options=new Option(group[x].text,group[x].value)

}

temp.options[0].selected=true

}

function go(){

location=temp.options[temp.selectedIndex].value

}

//-->

</script>

</form><!-- -->

Até mais....

[ICtusweb]

AÊ galera, modifiquei os script pr ao que preciso, mas tá acontecendo o seguinte:

Eu pus o script ants da tag <form> e o IE diz que 'temp' não é um ojeto valido o mesmo com a variavel 'groups' mesmo pondo o script dentro da tag <form>.

Porém ela do jeito que tá original funciona belza. Não to entendendo!!!

Pra vocês entenderem melhor vejam como fiz:

Meu form:

<!-- --><form name="Meuform">

<p><select name="Combo01" size="1" onChange="redirect(this.options.selectedIndex)">

<option>Tipo A Sites</option>

<option>Tipo B</option>

<option>Tipo C</option>

</select>

<select name="Combo02" size="1">

<option value="0">selected="selected"></option>

</select>

A função modificada:

<script>

<!--

var groups=document.Meuform.Quantidade.options.length

var group=new Array(groups)

for (i=0; i<groups; i++)

group=new Array()

group[0][0]=new Option("1")

group[0][1]=new Option("1")

group[0][2]=new Option("2")

group[0][1]=new Option("1")

group[0][1]=new Option("2")

group[0][2]=new Option("3")

var temp=document.Meuform.Combo02

function redirect(x){

for (m=temp.options.length-1;m>0;m--)

temp.options[m]=null

for (i=0;i<group[x].length;i++){

temp.options=new Option(group[x].text,group[x].value)

}

temp.options[0].selected=true

}

//-->

</script>

</form><!-- -->