Modificar valores por defecto de un formulario con jQuery

15/Mar/2011 jQuery , 1 Comentario

Cuando creamos un formulario podemos asignarle valores por defecto a sus campos. Pero si no queremos que estos valores estén asociados directamente a nuestra estructura de la página, podemos utilizar jQuery para modificar los valores por defecto de un formulario y asociar los que nos interesen.

Lo primero el formulario:

  1. <form id="myform">
  2. <label for="nombre">Nombre: </label><input id="nombre" type="text" size="20"/><br/>
  3. <label for="apellidos">Apellidos: </label><input id="apellidos" type="text" size="20"/><br/>
  4. <label for="ciudad">Ciudad: </label><input id="ciudad" type="text" size="20"/><br/>
  5. <label for="email">Email: </label><input id="email" type="text" size="20"/>
  6. </form>

Vemos que no hay valores por defecto, para tener una estructura limpia.

El código jQuery irá a buscar los elementos input, que tengan un atributo type con valor "text".

De esta forma el selector a utilizar es el siguiente:

  1. $("input[type='text']")

Ahora solo nos queda modificar el valor de estos campos, insertando el texto que más nos guste. Para ello utilizaremos el método .val():

  1. $("input[type='text']")
  2. .val('Inserta un valor');

Vídeos sobre jQuery


Difunde el Conocimiento

Si te ha gustado el artículo o te ha sido de utilidad, no dejes de compartirlo con tus amigos en las redes sociales... Te estaremos muy agradecidos. :-D

¿Algo que nos quieras comentar?

Déjanos tu comentario, no te preocupes que tu email no será publicado

*

*