使用 JQuery 单击图像（标题）填写输入字段答案

【问题标题】：Fill in Input Field by Clicking Image (title) with JQuery使用 JQuery 单击图像（标题）填写输入字段
【发布时间】：2012-08-28 23:23:27
【问题描述】：

我的 html 看起来像这样

<input type="search" id="starSearch" />
<img src="image.png" title="How to do this">

如何更改此脚本以使用图像标题属性值填充搜索字段？我知道这段代码，但它仅用于链接和 innerHTML

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

【问题讨论】：

标签： jquery image title fill

【解决方案1】：

 $(document).ready(function() {
   $('img').click(function(){
    $('#starSearch').val($(this).attr('title'));
  })
});

演示：http://jsfiddle.net/gopalrohila/vzZ22/

【讨论】：

【解决方案2】：

试试这个

<img src="image.png" title="How to do this" id="imgtit">

   $(function(){
        $('.special_field_link').live('click', function() {
            $("#a_input_id").val($("#imgtit").attr('title'));
        });
    });

【讨论】：

【解决方案3】：

类似的东西：

$(document).on("click", "img", function() {
    $("#starSearch").val(this.title);
});

注意：不要使用live，它已被弃用。将on 与事件委托一起使用。

演示： http://jsfiddle.net/MqnfB/

【讨论】：

这个有效，谢谢！现在我的问题是，在我包含