Tenho que fazer um formulário com dois campos (listas), cada campo terá umas 10 opções, sendo "Valor" e "Meses".
As pessoas escolherão os valores e os meses a pagar, dependendo da escolha dos valores, tipo: R$100,00 X 10meses, de acordo com os campos escolhidos vai levar a uma página mostrando o valor total a pagar e outras informações adicionais.
Não quero um formulário de calculo, preciso de um formulário que me leve a um link especifico conforme os campos escolhidos nas duas listas.
Tenho procurado bastante na net algo desse jeito, mas não tenho conseguido encontrar, acredito que não tenho colocado a palavra chave do assunto correto...
Agradeço a ajuda!
Encontrei uma solução interessante, só que não gostaria que a resposta aparecesse como alerta, alguém já viu alguma resposta diferente?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
</head>
<body>
<script language="JavaScript" type="text/javascript">
<!--
function modela(){
ma = document.form1.marcas; /* atribui a ma o primeiro Select */
maior = document.form1.modelo; /* atribui a maior p Segundo Select */
switch (ma.value) { /* recupera o valor do 1° Select (ma) */
case "vw": /* caso o valor do 1º Select seja vw, adiciona os 3 itens abaixo em moe para a função */
maior.options[0] = new Option("Escolha");
maior.options[1] = new Option("Fusca","O Fusca foi dessenvolvido no Brasil pela decada de 1940");
maior.options[2] = new Option("Brasilia","bra");
break;
case "ch":
maior.options[0] = new Option("Escolha");
maior.options[1] = new Option("Chevete","cvt");
maior.options[2] = new Option("Monza","mnz");
break;
case "fd":
maior.options[0] = new Option("Escolha");
maior.options[1] = new Option("Opala","opl");
maior.options[2] = new Option("Caravan","crv");
break;
}}
function ver(){
var ver = document.form1.modelo.value;
if (ver == ''){
}else{
alert(ver);
}
}
//-->
</script>
<form name="form1">
<select name="marcas" id="mrc" onchange="modela();">
<option selected>Escolha</option>
<option value="vw" >VolksWagem</option>
<option value="ch">Chevrolet</option>
<option value="fd">Ford</option>
</select>
<br>
<select name="modelo" id="mdl" onchange="ver();"></select>
</form>
</body>
</html>
Encontrei algumas coisas interessantes, onde posso alterar o alerta por uma janela DIV, mas estou quebrando cabeça porque não sei onde alterar.
Este site fala de alerta em DIV
