<div class="chat-input-holder"> <textarea class="chat-input"></textarea> <input type="submit" value="Send" class="message-send"/> </div>Cómo recuperar datos en el campo de área de texto después de hacer clic en el botón Enviar. ¿Usando jquery, ajax?
Este código debería funcionar:
function getdata(Event){ Event.preventDefault() let chatInput = $('#chat-input').val(); $('#result').text(chatInput) } $('#message-send').click(getdata); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.0/jquery.min.js"></script> <form class="chat-input-holder"> <!-- replace div with form --> <textarea class="chat-input" id="chat-input"></textarea> <input type="submit" value="Send" id="message-send" class="message-send"/> </form> <p> for the example we will place the text on the div bellow. but use the data however you like</p> <div id='result'> </div>Tenga en cuenta que cambié la etiqueta div en una etiqueta de formulario y agregué algunas identificaciones.
Puede encontrar aquí una solución usando jQuery. La salida se almacena actualmente en un div con id="out" , puede personalizar el código.
document.forms["chat-input-holder"].addEventListener('submit', e => { e.preventDefault(); let text = $(".chat-input").val(); $("#out").html(text); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <form id="chat-input-holder"> <textarea class="chat-input"></textarea> <input type="submit" value="Send" class="message-send"/> </form> <div id="out"></div>