Ir para conteúdo

POWERED BY:

Arquivado

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

amandamarinac

Javascript Aparece e some logo em seguida

Por , em Javascript

Recommended Posts

amandamarinac    0

amandamarinac
Postado

Olá.

 

Preciso carregar via javascript uma textarea.

 

O problema é que quando eu clico em "adicionar" ele carrega e some logo em seguida.

 

Sabem o que é?

 

Segue 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">[/url]
<html>
<title>Brasystem</title>
<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>
<option value="sonhodevalsa">Pastel de Sonho de Valsa</option>
<option value="cocacola">Coca Cola</option>
<option value="fantauva">Fanta Uva</option>
<option value="cafecomleite">Café com leite</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="submit" 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>

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Não use um type="submit", pois ele causa o envio do formulário.

Utilize um type="button"

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