Есть ли какой-нибудь способ щелкнуть по текстовому вводу, и в нем появится выпадающий список с HTML? - PullRequest
Новая
       32

Есть ли какой-нибудь способ щелкнуть по текстовому вводу, и в нем появится выпадающий список с HTML?

0 голосов
/ 02 октября 2018

Я пытаюсь выяснить, как создать интерактивное текстовое поле ввода, которое после щелчка отображает раскрывающийся список HTML, а не поле выбора (аналогично мега-меню начальной загрузки https://bootsnipp.com/snippets/featured/bootstrap-mega-menu)

IЯ не совсем уверен, как должен выглядеть HTML, но я представляю что-то вроде этого: 

<input type="text" class="form-control" placeholder="Search" />

<div class="searchDropDown">
     <div class="row">
          <div class="col-sm-6">
             <!--some elements here....-->
          </div>
     </div>
</div>

Самое близкое, что я могу найти, это может сделать, это select2, но я очень начинающий с плагинами Jquery иэто выглядит довольно сложно, особенно для того, что я собираюсь сделать.

Кто-нибудь может что-нибудь порекомендовать? Вы искали целую вечность и не придумывали очень много

1 Ответ

0 голосов
/ 02 октября 2018

Вы имеете в виду что-то подобное? 

<label for="myBrowser">Choose a browser from this list:</label> 
<input list="browsers" id="myBrowser" name="myBrowser" /> 
<datalist id="browsers"> 
   <option value="Chrome"> 
   <option value="Firefox"> 
   <option value="Internet Explorer"> 
   <option value="Opera">
   <option value="Safari">
   <option value="Microsoft Edge">
 </datalist>

Взято из https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist

...