帶可點擊鏈接的jQueryUI自動完成？

Question

這是我第一次使用jQueryUI自動完成，我設法讓它工作，只有一個更多的功能，我們的客戶需要，即在搜索建議有可點擊的類別。

例如，看一下這個圖片：

來自新蛋網站，

它當我搜索「NVIDIA」，建議列表填充，除了剛纔的項目名稱它位於類別也顯示，但類別顯示爲文本而不是鏈接（即類別本身不可點擊）。我也這樣做，我從服務器上運行的服務返回搜索結果並填充建議。我不需要返回鏈接，我可以將返回的字符串拆分爲「in」以獲得「category」，然後生成鏈接爲 <a href="someinternalpage.aspx?cat=category">Category</a>（此代碼僅用於快速創意）。但現在出現了主要問題，我如何使用上面的可點擊鏈接來填充建議？

任何幫助將是最受歡迎的。

Answer 1

僅基於自動完成的演示頁面，似乎建議是可定位的。

這意味着，我會註冊一個點擊功能來獲取他們的內容，然後使用jQuery來重定向窗口使用正確的URL路徑搜索（如http://domain.com/search=+content）或使用JavaScript本身提交表單。

的JavaScript提交相當詳細這裏http://www.javascript-coder.com/javascript-form/javascript-form-submit.phtml

無需任何代碼，這是我會怎麼解決這個問題。

Answer 2

我會進軍select事件自動完成公開，並設置window.location到正確的網址：

select: function (event, ui) { 
    var category = $.trim(ui.item.value.split("in")[1]) 
     , url = "someinternalpage.aspx?cat=" + category; 

    event.preventDefault(); 
    window.location.href = url; 
}