jQuery obtiene texto del área de texto

Resuelto RodgerB asked hace 16 años • 9 respuestas

Recientemente comencé a jugar con jQuery y he estado siguiendo un par de tutoriales. Ahora me siento un poco competente usándolo (es bastante fácil), y pensé que sería genial si pudiera crear una 'consola' en mi página web (es decir, presionas la tecla ` como lo haces en los juegos FPS , etc.), y luego hacer que Ajax regrese al servidor para hacer cosas.

Originalmente pensé que la mejor manera sería simplemente obtener el texto dentro del área de texto y luego dividirlo, o debería usar el evento keyup, convertir el código clave devuelto a un carácter ASCII, agregar el carácter a una cadena y enviar la cadena a el servidor (luego vacíe la cadena).

No pude encontrar ninguna información sobre cómo obtener texto de un área de texto, todo lo que obtuve fue información de teclas. Además, ¿cómo puedo convertir el código clave devuelto a un carácter ASCII?

RodgerB avatar Sep 28 '08 07:09 RodgerB
Aceptado

¿Por qué querrías convertir las pulsaciones de teclas en texto? Agregue un botón que envíe el texto dentro del área de texto al servidor cuando se haga clic. Puede obtener el texto usando el atributo de valor como lo señaló el cartel anterior, o usando la API de jQuery:

$('input#mybutton').click(function() {
    var text = $('textarea#mytextarea').val();
    //send to server and process response
});
Eran Galperin avatar Sep 28 '2008 00:09 Eran Galperin

Donde a menudo es la función de texto que usa (por ejemplo, en divs, etc.), entonces para el área de texto es val

conseguir:

$('#myTextBox').val();

colocar:

$('#myTextBox').val('new value');
Thomas Koelle avatar Jun 13 '2014 10:06 Thomas Koelle

Deberías tener un div que solo contenga los mensajes de la consola, es decir, los comandos anteriores y su salida. Y debajo coloque un área de entrada o de texto que contenga solo el comando que está escribiendo.

-------------------------------
| consle output ...           |
| more output                 |
| prevous commands and data   |
-------------------------------
> This is an input box.

De esa manera, simplemente envía el valor del cuadro de entrada al servidor para su procesamiento y agrega el resultado al div de mensajes de la consola.

p3drosola avatar Jul 06 '2010 03:07 p3drosola

Normalmente, es la propiedad de valor.

testArea.value

¿O hay algo que me falta en lo que necesitas?

sblundy avatar Sep 28 '2008 00:09 sblundy