通過單擊使用jQuery鏈接填充輸入字段

Question

某人如何使用jQuery使用某些文本填充輸入字段，方法是單擊該文本？

文本是動態生成的，所以值不會提前知道。

例如有：

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

當用戶點擊鏈接的文本字段與@r.SpecialField

Answer 1

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()); 
    }); 
}); 

此外，您還可以使用的.text（），而不是在這個回答中列出的.html（）：Fill in Input Field by Clicking Link with JQuery

運行示例：http://fiddle.jshell.net/s8nUh/

Answer 2

值來填充試試這個：

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

Answer 3

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