Ajuda Com introdução de um codigo
Tenho as seguintes variáveis no meu código e tenho que faze-las com que quem for usar o site, deva primeiro deva selecionar a Marca, depois a cor e tamanho, gostaria de um auxilio de como fazer isso e quais codigos devo utilizar pois ainda não tenho grande conhecimento sobre isso
var tabTipos = [ "Camisa", "Moleton" ];
var tabMarcas = [ "Dudalina", "Hering", "Malwee", "Marfinno", "Ripping" ];
var tabCores = [ "Azul", "Branco", "Chumbo", "Cinza", "Preto", "Verde" ];
var tabTamanhos = [ "XP", "P", "M", "G", "XG", "XXG" ];
var tabProdutos = [ [ 0, 0, [ 1 ], [ 1, 2, 3, 4 ], 100],
[ 0, 1, [ 0, 2, 5 ], [ 1, 2, 3, 4, 5 ], 70],
[ 0, 3, [ 0, 1 ], [ 1, 2, 3, 4 ], 30],
[ 1, 1, [ 3, 4 ], [ 1, 2, 3, 4 ], 70],
[ 1, 2, [ 3 ], [ 2, 3, 4 ], 40],
[ 1, 4, [ 0, 3, 4], [ 0, 1, 2, 3, 4], 80] ];
Meu codigo:
<html>
<head>
<meta charset='utf-8'/>
<link rel='stylesheet' type='text/css' href='Estilo.css'/>
<title> Malhama </title>
</head>
<body>
<body>
<script>
var tabTipos = [ "Camisa", "Moleton" ];
var tabMarcas = [ "Dudalina", "Hering", "Malwee","Marfinno", "Ripping" ];
var tabCores = [ "Azul", "Branco", "Chumbo","Cinza", "Preto", "Verde" ];
var tabTamanhos = [ "XP", "P", "M", "G", "XG", "XXG" ];
var tabProdutos = [
[ 0, 0, [ 1 ], [ 1, 2, 3, 4 ], 100],
[ 0, 1, [ 0, 2, 5 ], [ 1, 2, 3, 4, 5 ], 70],
[ 0, 3, [ 0, 1 ], [ 1, 2, 3, 4 ], 30],
[ 1, 1, [ 3, 4 ], [ 1, 2, 3, 4 ], 70],
[ 1, 2, [ 3 ], [ 2, 3, 4 ], 40],
[ 1, 4, [ 0, 3, 4], [ 0, 1, 2, 3, 4], 80] ];
</script>
<header> <img class="imgLogo" src="imagens/Malhama_Topo.png"><address class="ender"> Avenida Cuzco,123 <br>Tel: (21)91234-5678 <br>contato@malhama.com.br </address>
</header>
<nav class="menu">
<ul>
<li class="botao"> <a href="Malhama.html">INICIAL </a> </li>
<li class="botao"> <a href="Moletons.html"> MOLETONS </a> </li>
<li class="botao"> <a href="Camisetas.html"> CAMISETAS </a> </li>
<li class="botao"> <a href="Compras.html"> COMPRAS </a> </li>
</ul>
</nav>
<section>
<form method="POST">
<fieldset><legend> Seleção de Produtos e Lista de Compras </legend>
<fieldset class="fsEsq">
<legend> Selecionado</legend>
<div>Produtos:
<Select name="VendaDeProdutos" for="ItensSelecionados" class="impMedio">
<option> ----- </option>
<optgroup label="Camisa">
<option>Dudalina</option>
<option>Hering</option>
<option>Marfinno</option></optgroup>
<optgroup label="Moletom">
<option>Hering</option>
<option>Malwee</option>
<option>Ripping</option>p</optgroup>
</select></div>
<div>Tamanho:
<Select name="VendaDeProdutos" for="ItensSelecionados" class="impMedio">
<option> ----- </option>
<option>Extra Pequena</option>
<option>Pequena</option>
<option>Media</option>
<option>Grande</option>
<option>Extra Grande</option>
<option>Extra Extra Grande</option></optgroup>
</select></div>
<div>Cor:
<Select name="VendaDeProdutos" for="ItensSelecionados" class="impMedio">
<option> ----- </option>
<option>Azul</option>
<option>Branco</option>
<option>Chumbo</option>
<option>Cinza</option>
<option>Preto</option>
<option>Verde</option></optgroup>
</Select></div>
<div><textarea class="linhaProdSel" name="listaPedidos" readonly></textarea></div><br>
<input type="submit" value="Comprar" class="elemEsq">
<input type="text" class="impDinheiro" id="money" name="money"><label class="label" for="money">R$: </label>
</fieldset>
<div><textarea class="listaCompras" name="listaPedidos" readonly></textarea></div>
<div class="divLinha"><label class="final">Total R$: </label><input type="text" class="End"></div>
</fieldset>
<div class="botoes">
<input type="button" onclick= "parent.location.href='ComprasContinuar.html'" value="Continuar">
<input type="reset" value="Limpar">
</div></form>
</section>
</body>
</html>Discussão (0)
Carregando comentários...