通过单击与JQuery链接填写输入字段

时间:2011-04-13 18:40:56

标签: jquery

如果有人通过单击该文本使用jquery用一些文本填充输入字段?

文本是动态生成的,因此提前不知道该值。

例如:

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

当有人点击该链接时,文本字段将填充@r.SpecialField

的值

3 个答案:

答案 0 :(得分:8)

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(),如下所示:[{3}}

正在运行示例:Fill in Input Field by Clicking Link with JQuery

答案 1 :(得分:2)

试试这个:

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

答案 2 :(得分:1)

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