jquery-select多选
文档
https://multiple-select.wenzhixin.net.cn/
Examples
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>MULTIPLE SELECT</title>
<script src="https://cdn.bootcss.com/jquery/2.1.4/jquery.min.js"></script>
<link href="https://cdn.bootcss.com/multiple-select/1.2.0/multiple-select.min.css" rel="stylesheet">
<script src="https://cdn.bootcss.com/multiple-select/1.2.0/multiple-select.min.js"></script>
</head>
<body>
<select id="fruit" multiple style="width:130px;">
<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>
<input name="fruit" placeholder="值">
<script>
$(function(){
$('#fruit')
.multipleSelect({
selectAll:false
,placeholder:'你喜欢的水果？'
})
.change(function(){
$('[name=fruit]').val($(this).val()?$(this).val().join(','):'')
})
})
</script>
</body>
</html>
效果图
版权声明：本文为小馬過河﹎原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。