1.引入线上css和js

<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" rel="stylesheet" />

<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js">script>

2.在select标签内加入class属性js-example-basic-single

<select class="js-example-basic-single" name="state">

<option value="AL">Alabama

...

<option value="WY">Wyomingselect>

3.调用js

$(document).ready(function() {

    $('.js-example-basic-single').select2();

});

关于中文提示

看到有人引入官方文档提供的zh-cn属性和JS来处理中文，在这采用另一种简单粗暴的解决方案：直接找到JS源码进行修改即可。

——在源文件中找到 select2.min.js文件，ctrl+F 搜索 “Searching...”，将找到的代码改为“查找中...”，再继续搜索 “no results found”，同理修改为“无数据”。

select2.min.css下载：https://blog-static.cnblogs.com/files/yang-xiansen/select2.min.css

select2.min.js下载：https://blog-static.cnblogs.com/files/yang-xiansen/select2.min.js

代码仓库也有文件：https://e.coding.net/lizhizhong/files/select.git