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

Question

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

Answer 1

像这样的东西：

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

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

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

Answer 2

试试这个

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

JS

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

Answer 3

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

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