用bootstrap实现下拉框搜索功能的一个例子

背景

公司第二个后台有下拉框选择经销商。因为选择的经销商太多，所以增加了搜索功能。

前提

配置与引导相关的开发环境

主要内容

div class=' form-group ' label class=' col-sm-3 control-label ' for=' state '经销商信息/label div class=' col-sm-3 ' select name=' dealer _ id ' id=' dealer _ id ' class=' selectpicker show-tick form-control ' data-width=' 98% ' data-first-option=' false Title='请选择一个经销商(必填)' Required data-live-search=' true ' # Foreach经销商列表中的经销商选项值=' $ {dealer.id？c } ' $ {经销商. name！}/option/# foreach/select/div/div，其中最重要的是select标记中的两个属性：class=“select picker show-tick form-control”和required data-live-search=“true”。数据表示中的Foreach是模板引擎freemarker的循环遍历列表语句。当然，您可以在测试期间列出几个选项标签数据。

渲染：

以上用bootstrap实现下拉框搜索功能的例子，说明了边肖分享给大家的所有内容，希望能给大家一个参考和支持。