Ir para conteúdo

POWERED BY:

Arquivado

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

vintage

passar valor de um input para um textarea

Por , em Javascript

Recommended Posts

vintage    0

vintage
Postado

Boa noite,

 

sou novo no fórum, e não manjo muito de javascript.

 

o problema: Gostaria de pegar o valor do input text e colocar na primeira linha do text área, e assim sucessivamente pressionando o enter. 

		<script>
		$(function($){
 		
    			$('#botao').click(function(){
  
        		var valor = $('#mesa').val();
        					
    			// só parar testar coloco as variáveis em um alert
        		alert(valor);
    			});
		});
		</script>

nesse caso acima, eu clico no meu botão chamado #botao e pega o valor do meu input #mesa. Para pegar o valor eu consegui, agora adicionar no text área não sei e ainda pressionando uma tecla, ex: enter;

Fico no aguardo, desde já obrigado.

Compartilhar este post

Link para o post
Compartilhar em outros sites

vintage    0

vintage
Postado

Eu consegui da seguinte forma:

<?php 


 ?>
<!DOCTYPE html>
<html>
	<head>
			<title></title>
			<!--Bootstrap-->
			<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
			<!-- // <script src="http://code.jquery.com/jquery-latest.js"></script> -->
			<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
			<!-- // <script type="text/javascript" src="js/customize.js"></script> -->
			<script>
				$(document).ready(function(){
         			document.onkeyup=function(e){
						if(e.which == 13){
          					//Pressionou ENTER, aqui vai a função para esta tecla.
          					var valor = $('#mesa').val();
         					$("textarea").append(valor + "\n");
     						return false;
   						}
					}
				});
			</script>
		</head>
		<body>
				<form action="cliente.php" method="" enctype="multipart/form-data">

					<div class="form-group">
              			<label for="">TESTE</label>
              			<input type="text" class="form-control" id="mesa" name="" placeholder="">
              			<span class=""></span>
            		</div>
            		<div class="form-group">
              			<label for="">TESTE</label>
              			<textarea id="produtos" class="form-control" rows="10" ></textarea>
              			<span class=""></span>
            		</div>
            		
				</form>
				<!-- // <script src="js/bootstrap.min.js"></script> -->
			</body>
		</html>

só que tem que tirar a tag <form> porque ao dar enter ele carrega o action do form. Alguém saberia dizer o que fazer para ele não carregar o action ao dar enter, carregar somente quando eu clicar em algum botão??????

Compartilhar este post

Link para o post
Compartilhar em outros sites

Gabriel Heming    766

Gabriel Heming
Postado

http://stackoverflow.com/questions/895171/prevent-users-from-submitting-form-by-hitting-enter

 

Teoricamente, faltou adicionar o e.preventDefault();

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