dois jump menus em javascript na mesma página sem conflito

princesa · Março 28, 2009

Olá Pessoal,

Por favor eu gostaria de inserir dois jump menu na minha página um com listagem de produtos outro com categorias, quando insiro somente um este funciona, mas quando insiro os dois só um funciona, não entendo muito de javascript, mas andei pesquisando e acho q é porque estou usando a mesma função para os dois, será isso mesmo??? Alguém pode me ajudar a resolver este problema sem ter de usar um menu só....Agradeço vocês amigos!



<select name='cat' id='cat' class='postform' >
	<option value='-1'>Pesquisa por Categoria</option>

	<option class="level-0" value="17">COSMÉTICOS TESTADOS</option>
	<option class="level-1" value="22">   corpo</option>
	<option class="level-1" value="23">   mãos</option>
	<option class="level-1" value="21">   rosto</option>
	<option class="level-0" value="15">Lançamentos nota 10!</option>
	<option class="level-0" value="7">Maquiagem testada!</option>
	<option class="level-1" value="20">   acessórios</option>
	<option class="level-1" value="4">   face</option>
	<option class="level-1" value="5">   lábios</option>
	<option class="level-1" value="19">   olhos</option>
	<option class="level-0" value="16">Na cabeleira!</option>
	<option class="level-0" value="9">Perfumes por elas!</option>
	<option class="level-0" value="1">Sem categoria</option>
	<option class="level-0" value="14">Testados por nós!</option>

</select>

&lt;script type='text/javascript'>
/* <![CDATA[ */
	var dropdown = document.getElementById("cat");
	function onCatChange() {
		if ( dropdown.options[dropdown.selectedIndex].value > 0 ) {
			location.href = "http://www.testadoporelas.com.br/?cat="+dropdown.options[dropdown.selectedIndex].value;
		}
	}
	dropdown.onchange = onCatChange;
/* ]]> */
</script>


<select name='marca' id='marca' class='postform' >

	<option value="0">Pesquisa por Marca de Cosméticos</option>
	<option value=41>Acqua Di Parma</option>
	<option value=27>Alfaparf</option>
	<option value=29>Amazonia Viva</option>
	<option value=101>Zirh</option></select>
	&lt;script type='text/javascript'>
/* <![CDATA[ */
	var dropdown = document.getElementById("marca");
	function onCatChange() {
		if ( dropdown.options[dropdown.selectedIndex].value > 0 ) {
			location.href = "http://www.testadoporelas.com.br/?cat="+dropdown.options[dropdown.selectedIndex].value;
		}
	}
	dropdown.onchange = onCatChange;
/* ]]> */
</script>
	</body>
	</html></div>
										<div class="textwidget"><html>
<head>
&lt;script type='text/javascript'>
/* <![CDATA[ */
	var dropdown = document.getElementById("cat");
	function onCatChange() {
		if ( dropdown.options[dropdown.selectedIndex].value > 0 ) {
			location.href = "http://www.testadoporelas.com.br/?cat="+dropdown.options[dropdown.selectedIndex].value;
		}
	}
	dropdown.onchange = onCatChange;
/* ]]> */
</script>
[/codebox]

Entrar

dois jump menus em javascript na mesma página sem conflito

Pergunta

princesa

Link para o comentário

Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades