Select2加载远程数据

最新推荐文章于 2022-09-02 17:08:02 发布

ZChao_Smile

最新推荐文章于 2022-09-02 17:08:02 发布

阅读量3.7k

点赞数 1

分类专栏：前端文章标签：搜索 select

本文链接：https://blog.csdn.net/richangbiji/article/details/78043403

版权

本文介绍了如何使用Select2插件在HTML中实现异步加载远程数据的功能，以满足大数据量下拉框的需求。通过示例代码展示了如何配置Select2的ajax选项，连接到后台接口，进行POST请求，以及处理返回的数据并实现分页。当输入达到一定字符长度时，触发加载更多数据。

摘要由CSDN通过智能技术生成

现在项目中的数据越来越多，对于需求来说，普通的下拉框是不能满足现在的需求，于是想到了之前看到的select2这个插件可以异步加载，就像百度的搜索一样

下面就说一下具体该如何使用

<!DOCTYPE html>
<html>
<head>
    <script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script>
    <script src="//cdn.bootcss.com/select2/4.0.3/js/select2.min.js"></script>
    <link href="//cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
    <link href="//cdn.bootcss.com/select2/4.0.3/css/select2.min.css" rel="stylesheet">

</head>
<body>

<select id=

最低0.47元/天解锁文章

ZChao_Smile

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
Select2加载远程数据

现在项目中的数据越来越多，对于需求来说，普通的下拉框是不能满足现在的需求，于是想到了之前看到的select2这个插件可以异步加载，就像百度的搜索一样下面就说一下具体该如何使用html>html>head> script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js">script> scr
复制链接

扫一扫

专栏目录