用select2写一个多选下拉框样式

• 1.导入select2的css和js

   <script type="text/javascript" src="${ctx}/static/js/select2.js?v=${VERSION}"></script>
   <link rel="stylesheet" href="${ctx}/static/css/select2.css?v=${VERSION}"/>

可以去这里下载https://download.csdn.net/download/weixin_41605586/10867658

下载完后再dist目录找到css和js添加到项目里去

• 2.代码

<table class="table table-bordered table-striped" width="800" border="none" cellspacing="0" cellpadding="0">
        <tbody id="add">
        <tr>
            <td align="right">多选标签：</td>
            <td>
                <select class="combox" id="sel_productTag" name="tagId" multiple>
                    <option value="">请选择日期</option>
                    <option value="0">星期一</option>
                    <option value="1">星期二</option>
                    <option value="2">星期三</option>
                    <option value="3">星期四</option>
                    <option value="4">星期五</option>
                    <option value="5">星期六</option>
                    <option value="6">星期天</option>
                </select>
            </td>
        </tr>

        </tbody>
    </table>

• 3.js

$(function(){
        $('#sel_productTag').select2({
            placeholder: "请至少选择一个选项",
            tags:true,
            maximumSelectionLength: 3,//限制最多选择个数
            createTag:function (decorated, params) {
                return null;
            },
            width:'256px'
        });
    });

• 4.效果

我这里设置了最多选三个 可以把他注释掉

如果选的项过多宽度不变高度会增加

$("#sel_productTag").select2("val", " ");//select2清空方法