javascript 入门之select2获取远程数据

最新推荐文章于 2022-09-08 01:19:56 发布

IT蓝月

最新推荐文章于 2022-09-08 01:19:56 发布

阅读量778

点赞数

分类专栏： JavaScript集中营

本文链接：https://blog.csdn.net/ITlanyue/article/details/81325123

版权

JavaScript集中营专栏收录该内容

29 篇文章 1 订阅

订阅专栏

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

        $(document).ready(function () {

           $('.demo').select2({

               ajax: {
                   url: 'https://api.github.com/orgs/select2/repos',

                   data: function (params) {

                       var query = {

                           search: params.term,
                           type: 'public'
                       }
                       return query;
                   }
               }
           });
        });

    </script>
</head>
<body>
<div style="margin-top:20px;">
    <select class="demo" name="states[]" multiple="multiple" style="width: 200px">
    </select>
</div>
</body>
</html>