<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<meta lang="zh"/>
<title>select2</title>
<script src="js/jquery-3.3.1.js"></script>
<link href="css/select2.css" rel="stylesheet" />
<script src="js/select2.js"></script>
<script type="text/javascript">
var data = [{ id: 0, text: '胡海' }, { id: 1, text: '蓝月' }, { id: 2, text: '天行' }, { id: 3, text: '弑圣' }, { id: 4, text: '萧兮' }];
$(document).ready(function () {
$('.demo').select2({
closeOnSelect:true,
theme:'classic',
data:data
});
});
</script>
</head>
<body>
<div style="margin-top:20px;">
<select class="demo" name="states[]" multiple="multiple" style="width: 200px">
</select>
</div>
</body>
</html>
