<!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="值">
<input type="button" onclick="testV()" value="测试" />
<script>
$(function(){
$('#fruit')
.multipleSelect({
selectAll:false
,placeholder:'你喜欢的水果？'
})
.change(function(){
$('[name=fruit]').val($(this).val()?$(this).val().join(','):'')
})
})
function testV(){
var fruit = $('#fruit').val();
alert(fruit);
}
</script>
</body>
</html>
