Ir para conteúdo

POWERED BY:

Arquivado

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

zombie

[Resolvido] Botao Adicionar

Por , em Javascript

Recommended Posts

zombie    0

zombie
Postado

Pessoal tenho esse menu abaixo com o Item e Quantidade, gostaria de colocar na frente um botao de ADICIONAR (ADD que ta na foto) assim a pessoa escolheria um produto no caso e adicionaria ao local abaixo, depois se ela quizer outro produto ele mudaria o produto e quantidade e adicionaria tambem logo abaixo, tem como fazer isso esse botao de add? apos todos os dados seria enviados por email.........

 

Imagem Postada

Compartilhar este post

Link para o post
Compartilhar em outros sites

klonder    14

klonder
Postado 

<html>

<head>

<title>Lista de produtos</title>

 

<script type="text/javascript">

function AddProducts() {

if (document.form1.produtos1.value == "" || document.form1.quantidade1.value == "") {

alert("Produto ou quantidade não informados.");

}else{

if (document.form1.lista1.value != "") {

document.form1.lista1.value += "\n"+document.form1.produtos1.value+" ("+document.form1.quantidade1.value+" unidades)";

}else{

document.form1.lista1.value = document.form1.produtos1.value+" ("+document.form1.quantidade1.value+" unid.)";

}

}

}

</script>

</head>

 

<body>

<form name="form1" action="pagina_email.php" method="post">

Lista de produtos:

<select name="produtos1">

<option value="">---</option>

<option value="Amaciante">Amaciante</option>

<option value="Sabão em pó">Sabão em pó</option>

<option value="Detergente">Detergente</option>

<option value="Café">Café</option>

<option value="Esponja de aço">Esponja de aço</option>

</select>

     

<select name="quantidade1">

<option value="">---</option>

<option value="1">1</option>

<option value="2">2</option>

<option value="3">3</option>

<option value="4">4</option>

<option value="5">5</option>

</select>

<input type="button" onClick="AddProducts()" value="Adicionar">

<br><br>

Produtos listados até o momento:

<br><textarea name="lista1" cols="50" rows="5" wrap="OFF"></textarea>

<br><input type="button" onClick="form1.reset();" value="Limpar tudo">

</form>

</body>

</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

zombie    0

zombie
Postado

kra exatamente isso que precisava, muitooooooooooooooooo obrigado mesmo,,,,,,,,,,agora vou tentar colocar um botao de enviar pro email, e uma validação ai, muito obrigado vlwwwwwwwwwwwwwwwwwwwwwwww.............(qdo terminar aqui eu posto o codigo se alguem precisar fica ai ja.vlwwwwwww)

Compartilhar este post

Link para o post
Compartilhar em outros sites

zombie    0

zombie
Postado

gostaria de por quando for add na lista o nome na frente por ex: SUCO = Mupy (1 unidades) tem como? tentei assim mais ta dando erro:

 

<script type="text/javascript">
function AddProducts2() {
    if (document.form1.produtos2.value == "" || document.form1.quantidade2.value == "") {
        alert("Produto ou quantidade não informados.");
    }else{
        if (document.form1.lista1.value != "") {
            document.form1.lista1.value += "\n"+document.form1.produtos2.value+" ("+document.form1.quantidade2.value+" unidades)";
        }else{
            document.form1.lista1.value = "Sucos = "+document.form1.produtos2.value+" ("+document.form1.quantidade2.value+" unidades)";    
        }
    }    
}
</script>

como posso fazer? vlwww

Compartilhar este post

Link para o post
Compartilhar em outros sites

klonder    14

klonder
Postado

Dividi em categorias para facilitar a navegação do usuário.

 

<html>
<head>
        <title>Lista de produtos</title>

<script type="text/javascript">
function AddProducts(item) {
var objItem = document.forms['form1'].elements[item];
var qtdeItem = document.forms['form1'].elements['qtde'+item];

	if (objItem.value == "" || qtdeItem.value == "") {
		alert("Produto ou quantidade não informados.");
		objItem.focus();
		return false;
	}else{
		if (document.form1.lista1.value != "") {
			document.form1.lista1.value += "\n"+item+" » " +objItem.value+" ("+qtdeItem.value+" unid.)";
		}else{
			document.form1.lista1.value = item+" » " +objItem.value+" ("+qtdeItem.value+" unid.)";   
		}
	}       
}
</script>
</head>

<body>
<form name="form1" action="pagina_email.php" method="post">
Lista de produtos:

<br><br>
Arroz: <select name="Arroz">
<option value="">---</option>
<option value="Agulhinha">Agulhinha</option>
<option value="Antares">Antares</option>
<option value="Brejo raso">Brejo raso</option>
<option value="Carunchinho">Carunchinho</option>
<option value="Palha da roça">Palha da roça</option>
</select>
<select name="qtdeArroz">
<option value="">---</option><option value="1">1</option><option value="2">2</option><option value="3">3</option>
<option value="4">4</option><option value="5">5</option></select>
<input type="button" onclick="AddProducts('Arroz')" value="Adicionar">

<br><br>
Sucos: <select name="Suco">
<option value="">---</option>
<option value="Geladis">Geladis</option>
<option value="Tropicalis">Tropicalis</option>
<option value="Cajuzinho">Cajuzinho</option>
<option value="Solequente">Solequente</option>
<option value="Guela seca">Guela seca</option>
</select>
<select name="qtdeSuco">
<option value="">---</option><option value="1">1</option><option value="2">2</option><option value="3">3</option>
<option value="4">4</option><option value="5">5</option></select>
<input type="button" onclick="AddProducts('Suco')" value="Adicionar">

<br><br>
Refrigerante: <select name="Refrigerante">
<option value="">---</option>
<option value="UvaDaChina">Uva da China</option>
<option value="Tafresquinho">Tafresquinho</option>
<option value="Móia guela">Móia guela</option>
<option value="Gelastripa">Gelastripa</option>
<option value="Guerená">Guerená</option>
</select>
<select name="qtdeRefrigerante">
<option value="">---</option><option value="1">1</option><option value="2">2</option><option value="3">3</option>
<option value="4">4</option><option value="5">5</option></select>
<input type="button" onclick="AddProducts('Refrigerante')" value="Adicionar">



<br><br>
Produtos listados até o momento:
<br><textarea name="lista1" cols="50" rows="5" wrap="OFF"></textarea>
<br><input type="button" onclick="form1.reset();" value="Limpar tudo">
</form>
</body>
</html>
Seria mais ou menos isso que você queria?

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