更改圖像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)}})