美文网首页我爱编程
Django + BootStrap 实现下拉框搜索样式

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

作者: 镜kong | 来源:发表于2018-04-03 15:06 被阅读0次

效果如下图

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


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

相关文章

网友评论

    本文标题:Django + BootStrap 实现下拉框搜索样式

    本文链接:https://www.haomeiwen.com/subject/hazqhftx.html