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与事件委派一起使用。

DEMO： 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/

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

3 个答案: