select可以多选实现

工作中可能会遇到select需要选择多个值的情况，下面就是一种实现方式：
实现原理就是：一个div容器来接纳选中的内容，通过div点击事件来隐藏或者显现select内容，通过按着CTRL键来完成多项选择；
style代码：
.divBox{
　　width:400px;
　　margin:100px auto;
}
.divBox span{
　　vertical-align:top;
　　display:inline-block;
　　margin-top:16px;
}
.divBox .duiMutiple{
　　display:inline-block;
　　width:330px;
　　vertical-align:top;
}

.divSel{
　　height:35px;
　　line-height:35px;
　　padding-left:10px;
　　cursor:pointer;
　　border-radius:5px;
　　border:1px solid #A0A0A0;
　　margin-top:10px;
　　background:url('images/sel.png') no-repeat 310px center;
　　background-size:10px;
}
select{
　　margin-top:10px;
　　width:330px;
　　height:150px;
　　border-radius:5px;
　　border:1px solid #A0A0A0;
　　display:none;
}
html和js代码：
　　<div class="divBox">
　　　　<span>水果</span>
　　　　<div class="duiMutiple">
　　　　　　<div class="divSel">可多选</div>
　　　　　　<select ></script>
实现功能如图：