Tecnología

Inicio

Cómo conseguir un área de texto por su nombre en JQuery

October 18

jQuery es una biblioteca de gran alcance de JavaScript que permite crear funciones complejas de JavaScript con un mínimo de código. Utilizando el sistema selector de jQuery es fácil hacer referencia a cualquier elemento en una página HTML, y luego leer o cambiar su valor. Por ejemplo, se puede hacer referencia a un elemento por su ID de referencia, o utilizando el valor del atributo name. Usted puede usar esto para realizar la validación en un elemento de formulario, o para leer un valor introducido por el usuario para su uso en un cálculo o similar.

Instrucciones

1 Abra un navegador Web y vaya a la página de inicio de jQuery (jquery.com). Haga clic en la casilla de verificación junto a "Producción" en la parte superior derecha de la página principal y, a continuación, haga clic en el botón "Descargar". Esto descargará la versión de producción de la librería jQuery, que se comprime y minified para un tamaño de archivo más pequeño y el tiempo de carga más rápido. Guarde el archivo descargado en un directorio llamado "jQuery" en el directorio raíz de su sitio web.

2 Abra una aplicación de diseño editor de texto o en la web y crear una nueva página HTML. Agregue el siguiente código entre el código HTML "<head>" y "</ head>" etiquetas.

<Script type = "text / javascript" y "</ body>" etiquetas.

<Form id = name = método de "myForm" "MyForm" = "post" action = "example.htm">

<Textarea name = "myTextArea" id = "cols =" myTextArea filas "45" = "5"> </ textarea>

<Input type = "button" name = "myButton" id = "myButton" value = "Display" />

</ Form>

Esto añade un formulario en su página, que contiene una zona HTML de texto denominado "myTextArea," y un botón HTML, lo que desencadena el código para obtener el contenido del área de texto cuando se hace clic.

4 Agregue el código siguiente a la etiqueta de entrada HTML que se utiliza para crear el botón, después de que el atributo de valor y antes de la etiqueta de cierre.

onclick = "alert ($ ( 'textarea [name = myTextArea]') val ().);"

Este utiliza el código de jQuery "$ ( 'textarea [name = myTextArea]'). Val ()" para leer el contenido del área de texto que tiene un atributo de nombre que contiene "myTextArea." El uso de esta sintaxis permite hacer referencia a cualquier elemento HTML utilizando su nombre. La función val () le dice a jQuery para leer el valor del elemento seleccionado, que lee cualquier texto introducido por el usuario. El código de jQuery se envuelve con una "alerta) (" función JavaScript para visualizar el valor del área de texto en un cuadro de alerta cuando se hace clic en el botón.

5 Guarde la página como "example.htm" y subir a su servidor web. Abra un navegador Web y vaya a la página example.htm en su servidor. Escriba algún texto en el área de texto y haga clic en el botón "Mostrar". Un cuadro de alerta aparecerá, que contiene el texto que escribió en el área de texto.

Consejos y advertencias

  • Puede establecer el valor del área de texto utilizando el mismo comando, pero el suministro de la función val con el valor para configurar, por ejemplo.
  • onclick = "$ ( 'textarea [name = myTextArea]') Val (" Esto establece un valor '); ".