Articulos PHP

Articulos Jquery

Articulos CSS

Articulos Mysql

2.9 Obteniendo el valor de un campo de texto con el m茅todo attr().

El聽 m茅todo attr() nos permite obtener el valor de cualquier atributo de un elemento HTML, en este caso lo usaremos para obtener el valor que se ha introducido en un campo de texto, esto mediante el atributo value.Para mostrar un poco mejor el funcionamiento de este m茅todo, supongamos que tenemos un campo de texto con la clase “campoNombre” y que deseamos que al momento de dar click en un bot贸n con la clase “btnMostrar” nos aparezca un mensaje conteniendo el texto ingresado en el campo de texto.

El c贸digo HTML necesario ser铆a el siguiente:

<form>
<input type=”text” class=”campoNombre” size=”30”/>
<input type=”button” value=”Mostrar mensaje” class=”btnMostrar”/>
</form>

Ahora, para realizar dicho efecto necesitamos el siguiente c贸digo Jquery:

$(document).ready(function(){
聽聽聽 $(“.btnMostrar”).click(function(){
聽聽聽聽聽聽聽聽聽聽聽聽聽 var cadenaTexto=$(“.campoNombre”).attr(“value”);
聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 alert(cadenaTexto);
聽聽聽聽聽 });
});

El c贸digo anterior consta de los siguientes componentes:

  • La primera parte $(document).ready(function(){}); indica que el c贸digo Jquery se ejecutar谩 una vez que se haya cargado por completo el HTML.
  • La segunda parte $(“.btnMostrar”).click(function(){}); 铆ndica lo que suceder谩 una vez que se de click en el bot贸n, esto mediante el evento click().
  • La tercera parte var cadenaTexto=$(“.campoNombre”).attr(“value”); nos permite obtener el valor del campo de texto mediante el m茅todo attr() y especificando que el atributo del cual se necesita su valor, es el atributo value.
  • La 煤ltima parte alert(cadenaTexto); nos permite mostrar en una ventana emergente el contenido de la variable cadenaTexto.




Copyright © 2013 LaWebDeRay
correo:lawebderay@gmail.com

Free Web Hosting