select2之下拉框可搜索

发表于2022-12-27更新于2022-12-27字数统计189阅读时长1分

背景

需要能搜索的下拉框，由于没有基于Vue进行开发，因此使用select2来完成这个功能。

开始

引入文件

根据官方教程，我们需要至少引入select2.js和select2.css，这里给出下载地址，进入后下载自己需要的版本到本地，将上述两个文件放进自己的项目中引用。分别在文件中的/dist/js和/dist/css目录下。

下载

然后在代码中引用

1
2
<link href="asserts/css/select2.css" rel="stylesheet"/>
<script src="asserts/js/select2.js"></script>

初始化

初始化代码很简单：

1
2
3
4
5
<script>
    $(document).ready(function () {
        $("#netManager").select2();
    });
</script>

官网教程

更多细节请移步官网。