Fill in Input Field by Clicking Link with JQuery

Question

How might someone fill in an input field with some text using jquery by clicking that text?

The text is generated dynamically so the value is not know ahead of time.

Answer 1

Try this:

$(".special_field_link").click(function(){
 $("#a_input_id").val($(this).text());
});

Answer 2

HTML:

<input id="a_input_id" type="text">
<a href="#" class="special_field_link">@r.SpecialField<a>

JS:

$(function(){
    $('.special_field_link').live('click', function() {
        $("#a_input_id").val($(this).html());
    });
});

Also, you can use .text() instead of .html() as listed in this answer: Fill in Input Field by Clicking Link with JQuery

Running Sample: http://fiddle.jshell.net/s8nUh/

Answer 3

$('a.special_field_link').live('click', function(e){
    $('#a_input_id').val(this.innerHTML);
    return false; // to prevent default
});