[Resolvido]Como armazenar e buscar item de sublista Javascript

Front-end
#1

Bom dia, fiz uma lista com subitens em javascript, porem, estou com dificuldades de fazer o sub item ser armazenado e adicionado na url…

Segue o Codigo Javascript para facilitar o entendimento

[code]
function listaCondicional(){
var opcao = document.createElement(“option”);
var transporte = document.getElementById(“transporte”).value;
var subTransporte = document.getElementById(“subTransporte”);
switch (transporte){
case “Aviao”:
subTransporte.options[0] = new Option(“Opcao 01”);
subTransporte.options[1] = new Option(“Opcao 02”);
subTransporte.options[2] = new Option(“Opcao 03”);
break;
case “Barco”:
subTransporte.options[0] = new Option(“Opcao 04”);
subTransporte.options[1] = new Option(“Opcao 05”);
subTransporte.options[2] = new Option(“Opcao 06”);
break;
case “Onibus”:
subTransporte.options[0] = new Option(“Opcao 07”);
subTransporte.options[1] = new Option(“Opcao 08”);
subTransporte.options[2] = new Option(“Opcao 09”);
break;

}

}[/code]

E o HTML

[code]

Aviao Barco Onibus encontre o pneu[/code]

Não sei como armazenar a opção escolhida e ser inserir na url ex http://www.meusite.com.br/OpçãoEscolhida

Fico no aguardo da ajuda de vcs!

#2

Amigo,

Não sei se seria tudo em Javascript, mas segue o que acredito que vc precise:

<html>
<head>
<script>
function listaCondicional(){

var opcao = document.createElement("option"); 
var transporte = document.getElementById("transporte").value;
var subTransporte = document.getElementById("subTransporte");

	switch (transporte){   
		case "Aviao":
		subTransporte.options[0] = new Option("Opcao 01");
		subTransporte.options[1] = new Option("Opcao 02");
		subTransporte.options[2] = new Option("Opcao 03");
		break;
		case "Barco":
		subTransporte.options[0] = new Option("Opcao 04");
		subTransporte.options[1] = new Option("Opcao 05");
		subTransporte.options[2] = new Option("Opcao 06");
		break;
		case "Onibus":
		subTransporte.options[0] = new Option("Opcao 07");
		subTransporte.options[1] = new Option("Opcao 08");
		subTransporte.options[2] = new Option("Opcao 09");
		break;
		}
}

function goToThePage(){
	var subItem = document.getElementById("subTransporte").value;
	 window.location.assign("http://www.meusite.com.br/" + subItem);
}
</script>
</head>
<body>
	<fieldset id="busca_carro">
	<select id="transporte" onchange="listaCondicional()">
		<option>Aviao</option>
		<option>Barco</option>
		<option selected>Onibus</option>
	</select>
	<select id="subTransporte">
	</select>
	<button id="pesquisa3" value="pesquisa3" type="button" onclick="goToThePage()">encontre o pneu</button>
</body>
</html>
#3

Funcionou Direitinho…

Era assim Mesmo Vlw parceiro!!!

#4