Duvida textarea

[Rafa_DB 0]

Pessoal, tenho um projeto e nele vai ter uma agenda,

nome do exame: Raio-x                                         Exames
data do exame: 20/03/2016                          Nome: Raio-x - Data: 20/03/2016

AGENDAR

Quando o botao agendar fosse selecionado, gostaria de que as informaçoes nome e data do exame fossem para uma area ao lado, como um TEXTAREA, porem na mesma pagina..

 

Alguem pode ajudar? minha duvida é, o textarea pode ser utilizado nesse intuito?

[L. Henrique 179]

Rafa_DB, essa não é a área correta (já que envolve javascript/jquery), mas vou tentar te ajudar.

• Você vai precisar que todos os inputs tenham um id (cada um com o seu);
• Você vai precisar de um id na div ou no elemento que vai receber esses dados;
• Você vai precisar de um botão com um evento onClick.

Vamos ao que interessa... Existem funções no javascript/jquery que resgatam o conteúdo de algum input através do método .val, e ele consegue inserir esse mesmo conteúdo resgatado através do innerHTML.

Vou deixar um código de exemplo:

function copiarValores() {
   var dados = document.getElementById('id_do_seus_inputs').value;
   document.getElementById('id_da_sua_div').innerHTML = dados;
}

Essa função em específico você precisa chamar no evento onclick do botão, exemplo:

<input type="button" value="Enviar" onclick="copiarValores()">

Se você precisar realmente de uma função mais básica, você pode estruturar tudo isso em jQuery, exemplo:

$('#id_do_botao').click(function(e) {
   e.preventDefault();
   $('#id_da_div').html($('#id_dos_inputs').val());

   return false;
});

Veja como ficaria a estrutura do HTML:

<form>
   <input type="text" id="nome" name="nome">
   <input type="text" id="sobrenome" name="sobrenome">
</form>

<a id="copiarValores">Enviar</a>

<div id="valoresForm">
   <p id="valorNome"></p>
   <p id="valorSobrenome"></p>
</div>

Eu fiz uma DEMO pra você ver o código funcionando, boa sorte.

[Rafa_DB 0]

Henrique, agradeço pela resposta, tirou muitas duvidas, obrigado