Как открыть datalist средствами js?

Question

[KoRNeT46RuS]

<input
                    type="text"
                    list="items"
                    class="form-control"
                    data-ng-model="search"
                    data-ng-model-options="{debounce: 1000}"
            >
        </div>
        <datalist id="items">
            <option
                    data-ng-repeat="item in items track by items.one"
                    data-ng-value="item.one"
            >
                {{item.two}}
            </option>
        </datalist>

При вводе в инпут у меня отправляется ajax запрос. Данные с запроса запихиваю в items. Но мне нужно, чтобы datalist автоматом открывался. Я и тригерить пробовал на click и focus по инпуту. Нефига не получается. Может кто знает как его пнуть?

Comments

[Вадим]

Да вроде как никак, так же как и options у select

[Elvis]

а если фокус + клик?

Answer 1

[Teleweb developer]

Это никак не получится, лучше разработать свой список:

<input id="h"><br>
  <div class="res">
    <p>text 1</p>
    <p>text 2</p>
    <p>text 3</p>
  </div>

.res {
  height: 0px;
  overflow: hidden;
  width: fit-content;
}

.res.opened {
  height: 100px;
  overflow: scroll;
}

document.querySelector("#h").onfocus = () => {
  document.querySelector(".res").classList.add("opened");
}
document.querySelector("#h").onblur = () => {
  document.querySelector(".res").classList.remove("opened");
}

А дальше можете спокойно открывать, закрывать, пушить данные туда