2011-12-21 11 views
5

tengo este código:Jquery clic para cambiar el Formulario Campo Valor

<input type="text" name="frameSelection" id="frameSelection" value="Option 1" /> 
<a id="change">Change to Option 2</a> 

Cuando hago clic sobre el enlace que quiero cambiar el valor del campo en la "Opción 2". ¿Cómo puedo hacer eso?

Respuesta

9

Muy simple. Utilice click adjuntar un controlador de eventos para el evento click, y val para establecer el valor:

$("#change").click(function() { 
    $("#frameSelection").val("Option 2"); 
}); 

Como se ha mencionado en otras respuestas, es posible que desee evitar que el comportamiento por defecto del enlace, pero con su código, ya que Actualmente está en la pregunta (sin el atributo href en el elemento a) que no es necesario. Solo téngalo en cuenta si eso podría cambiar.

4

con jQuery:

$('#change').click(
    function(e){ 
     e.preventDefault; // if your a has an href attribute, this prevents the browser 
          // following that link. 
     $('#frameSelection').val("Option 2"); 
    }); 

Referencias:

+0

+1 para 'preventDefault()'. – Purag

+0

¡Por qué, gracias amablemente! =) –

Cuestiones relacionadas