Question

我试图弄清楚如何创建一个可单击的文本输入字段，该字段一旦单击即显示一个HTML下拉列表，而不是一个选择框（类似于引导超级菜单https://bootsnipp.com/snippets/featured/bootstrap-mega-menu）

我不太确定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插件的初学者，它看起来相当复杂，尤其是对于我想做的事情。

有人可以推荐任何东西吗？一直在寻找年龄并且没有提出太多建议

Answer 1

你的意思是这样吗？

<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

无论如何，是否单击文本输入并在其中显示带有HTML的下拉列表？

1 个答案: