選擇具有1000個選項的標記 - 性能達到

Question

我使用名爲Chosen的插件，它基本上將搜索添加到選定的html對象。 我從ajax頁面加載結果。 但是我有很多選擇附加到選擇標籤 - 大約一千。 也許它是選中的插件，但擁有1000個選項確實有點遲緩。

這將如何影響性能和解決方法是什麼？

Answer 1

而不是<select>你可以使用<input> + <datalist>，可以很好地處理1000多個選項。

jsfiddle

<input type="text" list="your-data-list"/> 
<datalist id="your-data-list"> 
    <option value="1">Option 1</option> 
    <option value="2">Option 2</option> 
    ... 
    <option value="9999">Option 9999</option> 
</datalist>