javascript 入门 之select2选择本地数据

<!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>

猜你喜欢

转载自blog.csdn.net/ITlanyue/article/details/81324365
今日推荐