[Resolvido]Como armazenar e buscar item de sublista Javascript

27 de março de 2013 2 respostas

sidmenezes 27 de março de 2013

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

<script type="text/javascript">
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;

}

}

E o HTML

<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">encontre o pneu</button>

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 Respostas

DiiH 27 de mar. de 2013

Amigo,

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

&lt;html&gt;
&lt;head&gt;
&lt;script&gt;
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);
}
&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
	&lt;fieldset id="busca_carro"&gt;
	&lt;select id="transporte" onchange="listaCondicional()"&gt;
		&lt;option&gt;Aviao&lt;/option&gt;
		&lt;option&gt;Barco&lt;/option&gt;
		&lt;option selected&gt;Onibus&lt;/option&gt;
	&lt;/select&gt;
	&lt;select id="subTransporte"&gt;
	&lt;/select&gt;
	&lt;button id="pesquisa3" value="pesquisa3" type="button" onclick="goToThePage()"&gt;encontre o pneu&lt;/button&gt;
&lt;/body&gt;
&lt;/html&gt;

sidmenezes 1 de abr. de 2013

Funcionou Direitinho…

Era assim Mesmo Vlw parceiro!!!

Criado 27 de março de 2013

Ultima resposta 1 de abr. de 2013

Respostas 2

Participantes 2

2 Respostas

Topicos relacionados