如何製作可搜索的下拉框

我想創建一個dropdown，您還可以在其中搜索選項。如何製作可搜索的下拉框

我需要一個dropdown從我的DB獲取信息，當我加載頁面。然後我可以按照正常的方式點擊dropdown並查看它的內容（可以說：Facebook或Google）。

我也可以在裏面搜索，所以在我點擊查看內容的頂部，我可以輸入「Fa」，然後顯示其中有「Fa」的內容，（在這個例子中只有Facebook）。

我不知道從哪裏開始做這件事。我期待在那裏看一些手指的點，這可怎麼做，鏈接到一個例子，等

來源

2015-04-24 Patrick R

嘗試尋找這裏http://www.jque.re/plugins/forms-controls/searchabledropdown/ – Satya

嗨！請一看就知道http://stackoverflow.com/help/on-topic。 – Epodax

@Satya - 非常感謝你！那實際上正是我所期待的。一直在尋找結果的小時。謝謝！ - Epodax - 我看到我可能需要一些關於該主題的更多信息。我會在下次看到它。感謝您指出 –

從Satya's comment

實際上，有一個jQuery plugin做這個，一個漂亮的一套配置選項：

$(document).ready(function() { 
    $("select").searchable({ 
     maxListSize: 100,      // if list size are less than maxListSize, show them all 
     maxMultiMatch: 50,      // how many matching entries should be displayed 
     exactMatch: false,      // Exact matching on search 
     wildcards: true,      // Support for wildcard characters (*, ?) 
     ignoreCase: true,      // Ignore case sensitivity 
     latency: 200,       // how many millis to wait until starting search 
     warnMultiMatch: 'top {0} matches ...', // string to append to a list of entries cut short by maxMultiMatch 
     warnNoMatch: 'no matches ...',   // string to show in the list when no entries match 
     zIndex: 'auto'       // zIndex for elements generated by this plugin 
    }); 
});

這裏是一個example

來源

2015-04-27 11:25:39

如何製作可搜索的下拉框

回答

相關問題