如何在不使用HTML的情况下创建多选下拉菜单。它需要在良好的UI中
如何在不使用HTML的情况下创建多选下拉菜单。它需要在良好的UI中
提问于 2018-09-26 18:12:35
我是个编程新手
我正在尝试制作一个好看的多选下拉菜单。
<select multiple>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>回答 1
Stack Overflow用户
回答已采纳
发布于 2018-09-26 18:16:24
你可以通过很多方式来实现，一种是使用语义ui。添加此脚本文件
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.1.8/semantic.min.css" >
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-beta1/jquery.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.1.8/semantic.min.js"></script>
<script>
$('.ui.fluid.dropdown')
.dropdown({
maxSelections: 5
})
</script>
<select class="ui fluid dropdown">
<option value="">Skills</option>
</select>为了更好地理解，请浏览此示例Bootstrap multiselect is not working when i bind the data from response in Angularjs
如果你想用Bootstrap4，请看看这个Bootstrap 4 multiselect dropdown
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/52515290
复制相关文章
相似问题