如何將動態變量添加到jQuery函數中

Question

我試圖修改一個基於下拉列表的twitter小部件，用戶可以在不同的搜索項之間切換。

而不是現在的代碼，我必須定義一個關鍵字，我想創建一個下拉列表的關鍵字，所以我的用戶可以選擇一個，並顯示相關的推文。 jQuery的我在頭部分是：

$(document).ready(function() { 
    $('#tweets ul').twitterfeed('#keyword', { 
     type: "query", 
     count: 5 
    }) 
}); 

而我的選擇框代碼：

<strong>Select your keyword</strong>:<select id="keyword"> 
<option value="ABC">ABC</option> 
<option value="XYZ" selected="selected">XYZ</option> 
</select> 

關於如何解決此問題的任何幫助嗎？

感謝

Answer 1

$(document).ready(function() { 
    $('#keyword').change(function() { 
     // in the even handler this points to the element that triggered it 
     $('#tweets ul').twitterfeed($(this).val(), { 
      type: "query", 
      count: 5 
     }) 
    }); 
});