Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Tiagospy

[Resolvido] Formulário Select

Por , em Javascript

Recommended Posts

Tiagospy    0

Tiagospy
Postado

Olá galera

 

Sou iniciante no fórum e to com um problema..

Tenho um formulário select no seguinte formato:

 

<select name="select">
            <option>0,45 x 0,60</option>
            <option>0,80 x 0,60</option>
            <option>1,00 x 0,70</option>
            <option>1,20 x 0,70</option>
            <option>1,50 x 0,70</option>
            <option>1,20 x 1,00</option>
            <option>1,50 x 1,00</option>
            <option>1,80 x 1,00</option>
            <option>2,00 x 1,50</option>
            <option>2,50 x 1,50</option>
            <option>3,00 x 1,80</option>
            <option>3,50 x 1,80</option>

Gostaria que, quando a pessoa selecionasse um tamanho, fosse gerando em um campo input text o valor correspondente àquele tamanho e em outro campo input text fosse gerado o peso do produto.

Ex: O usuário seleciona o tamanho 0,45 x 0,60 e no campo Valor aparece R$10,00 e no campo peso aparece 0,20 kg.

Depois ele seleciona outro produto 3,00 x 1,80 e no campo valor aparece R$ 20,00 e no campo peso aparece 0,50 kg.

To perdido nessa galera.. por favor, me ajudem!

 

vlw!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

klonder    14

klonder
Postado

Você pode de várias maneiras, como por exemplo:

 

<html>
<head>
<title></title>
</head>
<body>
<script>
function jogarDados() {
var valor = new Array("10,00","12,00","14,00","16,00","18,00","20,00","22,00","24,00","26,00","28,00","30,00","32,00");
var peso = new Array("0,20","0,30","0,40","0,50","0,60","0,70","0,80","0,90","1,00","1,10","1,20","1,30");

var objSelect = document.getElementById("select1");
var txtPeso = document.getElementById("peso1");
	var txtValor = document.getElementById("valor1");

if (objSelect.value != "") { 
	txtPeso.value = valor[eval(objSelect.value)];
	txtValor.value = peso[eval(objSelect.value)];
} else {
	txtPeso.value = "";
	txtValor.value = "";
}

}
</script>
<select id="select1" onchange="jogarDados()">
<option value="">---</option>
<option value="0">0,45 x 0,60</option>
<option value="1">0,80 x 0,60</option>
<option value="2">1,00 x 0,70</option>
<option value="3">1,20 x 0,70</option>
<option value="4">1,50 x 0,70</option>
<option value="5">1,20 x 1,00</option>
<option value="6">1,50 x 1,00</option>
<option value="7">1,80 x 1,00</option>
<option value="8">2,00 x 1,50</option>
<option value="9">2,50 x 1,50</option>
<option value="10">3,00 x 1,80</option>
<option value="11">3,50 x 1,80</option>
</select>
Peso: <input type="text" id="peso1">
Valor: <input type="text" id="valor1">
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Tiagospy    0

Tiagospy
Postado

Ok Klonder, muitíssimooo obrigado !

Deu certo.. era exatamente isto que precisava!!

 

Só mais uma questão: se eu precisar que o cliente, ao selecionar um tamanho de banner (jah vai aparecer automaticamente o valor e o peso)e digitar a quantidade e clicar em comprar, fosse transferido para uma outra página (correspondente àquele banner), contendo todos os dados (valor unitário, quantidade, peso)?

Estou tentando gerar um sistema de compra pelo pag seguro, mas o pag seguro funciona com um botão para cada produto, então por isso seria necessário que abrisse uma outra página.

 

Obrigado!!!!!!!!!

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito