在自動完成功能中爲動態加載的內容創建UI

我正在嘗試在大數據集上構建自動完成功能，並且已經爲其實施了搜索算法。現在對於UI部分，我想創建一個下拉菜單，就像選擇項目的下拉菜單一樣。創建它的最好方法是什麼，以便它可以在所有瀏覽器上運行。在自動完成功能中爲動態加載的內容創建UI

HTML：

<input class="autocomplete">

JAVASCRIPT

$('.autocomplete').keyup(function(){ 
    jQuery.ajax({ 
     url://URL 
     success:funtion(){ 
      // Convert the input to an input with dropdown 
     } 
    }) 
})

請注意：我不想要的東西，像Twitter預輸入或jQuery用戶界面的自動完成做找我。我只是想要我給我的數據的東西，它使得像選擇下拉框中的東西

來源

2014-09-04 Prateek Chandan

看到：HTTP：//developmentpassion.blogspot.com/2013/12/facebook-and-linkedin-like- searching.html這將有助於 – 2014-09-04 20:50:56

這不是太直白，想出一個體面的實現自定義組合框。如果你想要一個（搜索）組合框，您可以使用類似選擇

http://harvesthq.github.io/chosen/

如果你想要的東西，管理邏輯的自動完成部分爲你的jQuery，事遂所願Twtitter的預輸入可能是巨大的幫幫我。

https://twitter.github.io/typeahead.js/

這將是很難建立手工的東西，可以符合各種用戶體驗，你可以得到，如果你使用一些其他開源的選擇。

來源

2014-09-04 20:55:13

我已經看過這些選項，但似乎沒有爲我鍛鍊。我的數據集太大，無法填充它們，而且我也不想讓我的完整搜索數據集公開爲 – 2014-09-05 10:18:39

如果你使用jQuery UI選項嘗試autocomplete widget：

$(".autocomplete").autocomplete({ 
    source: //URL, 
    minLength: 2, 
    select: function(event, ui) { 

    } 
});

來源

2014-09-04 21:28:25 andy

嗨，我不希望任何人在我的數據上進行搜索。但是，無論我給它什麼，它都會讓它乾淨地下拉出來 – 2014-09-05 10:15:57

我是否理解正確：您希望使用在輸入字段中輸入的數據搜索一次，然後輸入字段應該成爲搜索結果的下拉菜單？所以沒有可能再次搜索？ – andy 2014-09-08 20:05:47

可以再次搜索.UI與google的搜索下拉菜單非常相似。但我不希望任何外部代理干涉我的搜索結果 – 2014-09-09 21:28:52

在自動完成功能中爲動態加載的內容創建UI

回答

相關問題