2017-07-14 20 views
5

Chcę pole tekstowe z rozwijanym menu. Powinien także móc wyszukiwać z opcji rozwijanych. Poniższy kod spełnia powyższe wymaganie, ale gdy strona przewinie się w dół, rozwijana strona przesuwa się razem ze stroną zamiast być przymocowaną do pola tekstowego.Datalista nie jest przypisany do pola tekstowego podczas przewijania strony internetowej.

<datalist id="browsers" style="overflow-x: hidden; overflow: scroll; width: 100%; height:500px"> 
 
    <option value="Internet Explorer"> 
 
    <option value="Firefox"> 
 
    <option value="Chrome"> 
 
    <option value="Opera"> 
 
    <option value="Safari"> 
 
    </datalist> 
 
<input list="browsers" name="browser">
enter image description here

+1

Po przewijane w dół, rozwijane zamknięte. Czy rozumiem źle? – Berkay

+1

@Berkay Nie zamyka się dla mnie zamiast porusza się ze stroną internetową. – coder7777

+0

Czy możesz to zrobić na jsfiddle? – Berkay

Odpowiedz

0

Dlaczego nie używacie Chosen? Chosen jest naprawdę skuteczny w tym celu. Możesz nie tylko wyszukiwać w menu rozwijanym, ale także możesz wybierać wiele elementów jednocześnie.

Sprawdźcie ją JsFiddle