Wyszukiwanie w dowolnym miejscu treści zamiast uruchamiania

Question

To jest przykład zaczerpnięty z MDN.

<input list="browsers" /> 
<datalist id="browsers"> 
    <option value="Chrome"> 
    <option value="Firefox"> 
    <option value="Internet Explorer"> 
    <option value="Opera"> 
    <option value="Safari"> 
</datalist> 

Obecnie, po wpisaniu E w elemencie wejściowym, nie pojawi się żadna sugestia. Chcę wyświetlać sugestie, jeśli element wartości wejściowej znajduje się w dowolnym miejscu wartości opcji zamiast wartości początkowej.

Try It In JSBIN

Czy to możliwe? Obecnie używam jQuery Ui Autocomplete, aby zrealizować tę funkcję. Dzięki.

Answer 1

try twitter wpisywanie znaków z wyprzedzeniem: https://github.com/twitter/typeahead.js

Działa z jQuery

Answer 2

To zależy, co przeglądarki używasz. Firefox obsługuje go tak, jak byśmy oczekiwali - wyszukiwanie w tekście (testowane na FF38). Chrome jest ograniczony do wyszukiwania od początku tekstu (testowany na Ch43).