Django + BootStrap 实现下拉框搜索样式

效果如下图

比自带的样式要好看,框里还可以对选项进行搜索,蛮好用的


image.png

所需JS CSS文件

<script src="{% static "bootstrap_date/bootstrap-select.js" %}"></script>
<link href="{% static "bootstrap_date/bootstrap-select.css"%} "   rel="stylesheet">

使用也很简单直接直接在需要渲染的地方 添加 class 就行了

<select class="selectpicker bla bli form-control data-live-search="true" style="display: none;">
<option value="{{ asset.id }}">{{ asset.network_ip }}</option>
</select>

加一个 multiple="" 还可以 多选

<select class="selectpicker bla bli form-control" multiple="" data-live-search="true" style="display: none;">
image.png
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容