更改图像src jQuery自动完成

Question

我有这个jQuery自动完成功能，运作非常好。但是，我想这样做是为了当用户从下拉框中单击其中一个选项时，然后将该值传输到输入字段，图像的src属性将更改为输入字段中的值。我的jQuery代码如下。

$(document).ready(function() { 
    $('#team').change(function getPic() { 
    var logo = $('input#team').val(); 
    $('img#team_wallpaper').attr("src", "mlb/" +logo+ ".png"); 
    }); 

    var data = ["Baltimore Orioles", "New York Yankees", ..., "San Diego Padres"]; 
    $("#team").autocomplete({ source: data }); 
}) 

我的HTML代码是这样的：

<h1 id="invite_line"> 
    Favorite team <br /><input type="text" id="team" class="bar" name="team" /> 
</h1> 

<img src="mlb/mlb.png" width="140" height="210" id="team_wallpaper"/> 

出于某种原因，它好像jQuery是没有得到一个什么样的输入字段的正确值。它只给出团队变量值的单个字母。

有什么想法？

Answer 1

我不知道，但如果真正的工作：

$('#team').autocomplete(data) 
     .result(function(event, item) { 
      $('img#team_wallpaper').attr("src", "mlb/" +item.text+ ".png"); 
     }); 

参见：http://docs.jquery.com/Plugins/Autocomplete#API_Documentation 在最下方的“搜索页面更换”

Answer 2

您之前捕捉文本字段的onchange自动完成可以更新它。 你可以尝试连接到选择事件的autocompleat

$("#team").autocomplete({ 
    source: data, 
    select: function(event,ui){alert(ui.item.value)}})