select 多选，可删除(select2)

最新推荐文章于 2024-06-28 16:12:55 发布

兔老大的胡萝卜

最新推荐文章于 2024-06-28 16:12:55 发布

阅读量1.6k

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/nuoyuezuo/article/details/102912287

版权

前端专栏收录该内容

70 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!-- 加载 Jquery -->
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<!-- 加载 Select2 -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.8/css/select2.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.8/js/select2.min.js"></script>
</head>
<select class="form-control" id="id_select2_demo4" multiple="multiple">
    <option value="1">OPS-COFFEE-A</option>
    <option value="3">OPS-COFFEE-C</option>
    <option value="4">OPS-COFFEE-D</option>
    <option value="5">OPS-COFFEE-E</option>
</select>

<body>
 
<script>
 var selectory = $('#id_select2_demo4').select2({
    placeholder: '请选择，最多选择三个',
    allowClear: true,
    maximumSelectionLength:3,
    });
</script>
</body>
</html>