我试图弄清楚如何创建一个可单击的文本输入字段,该字段一旦单击即显示一个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插件的初学者,它看起来相当复杂,尤其是对于我想做的事情。
有人可以推荐任何东西吗?一直在寻找年龄并且没有提出太多建议
答案 0 :(得分:0)
你的意思是这样吗?
<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