Vários selects em um textarea
Olá, tenho o seguinte código:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "url=[http://www.w3.org/TR/html4/loose.dtd]http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript">
function alimentarCampo(){
var e = document.getElementById("produto");
var itemSelecionado = e.options[e.selectedIndex].text;
document.getElementById("itens").innerHTML = itemSelecionado;
var a = document.getElementById("valor");
var valorSelecionado = a.options[a.selectedIndex].text;
document.getElementById("total").value = valorSelecionado;
}
</script>
</head>
<body>
<form class="cadpedido" method = "post">
Produto: <select name="produto" id="produto">
<option value="queijo">Pastel de queijo</option>
<option value="pizza">Pastel de pizza</option>
<option value="carne">Pastel de carne</option>
</select>
Valor: <select name="valor" id="valor">
<option value="1">1,00</option>
<option value="2">2,00</option>
<option value="3">3,00</option>
<option value="4">4,00</option>
<option value="5">5,00</option>
<option value="6">5,00</option>
<option value="7">7,00</option>
</select>
<input type="button" onclick="alimentarCampo()" value="Adiciona"><br/><br/>Itens do Pedido: <br/><br/>
<textarea name="itens" id="itens" cols="80" rows="7" ></textarea> <br/><br/>
Total: <br/><br/> <input type="text" name="total" id="total" size="5" value = "${vendas.total}"/>
</body>
</html>E quando eu clico em "adicionar", o JavaScript coloca o item selecionado nos "Itens do pedido".
O problema é que ao selecionar outro item e clicar em adicionar, ele substitui o que já estava lá, e eu precisava que ele fosse adicionando..
Alguém sabe como resolver ou já fez algo parecido?
Discussão (4)
Carregando comentários...