jquery中select2怎么用

小編給大家分享一下jquery中select2怎么用，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

在jquery中，select2用于優(yōu)化select使其支持單選和多選，同時也支持分組顯示、列表檢索，是一款基于jquery的下拉列表插件，調(diào)用語法為“ $(select).select2()”。

本教程操作環(huán)境：windows10系統(tǒng)、jquery3.2.1版本、Dell G3電腦。

Select2是一款基于JQuery的下拉列表插件，主要用來優(yōu)化select，支持單選和多選，同時也支持分組顯示、列表檢索。

select2是Jquery用來代替選擇框的一種組件。它讓你可以定制下拉框，并且支持搜索、標(biāo)記，遠(yuǎn)程數(shù)據(jù)源，無限滾動和其他更高級的功能。

select2的下載地址為：https://select2.github.io/ 。這里使用到的是select2-4.0.0版本。下載該版本后，解壓文件，在dist目錄下有js與css文件。使用select就需要引用這些的文件。

首先將剛才下載下來的css和js都引入到項目中，在引入select2.js之前我們需要先引入jquery。
注意，下載下來的select2文件夾中的css和js都有壓縮版的和未壓縮版的，可以根據(jù)自己的需要自行引入，這里引入的是壓縮版的。

調(diào)用語法如下：

$(function () {
        $("#myselect").select2();//調(diào)用插件
        
})

當(dāng)然，我們需要給它做一些配置，這些配置通過對象的方式作為“ $("#myselect").select2() ” 中select2() 的參數(shù)，例如，我們可以設(shè)置select的寬度width：

$("#myselect").select2({
      width:160,//設(shè)置select標(biāo)簽的寬度
            
});

看完了這篇文章，相信你對“jquery中select2怎么用”有了一定的了解，如果想了解更多相關(guān)知識，歡迎關(guān)注億速云行業(yè)資訊頻道，感謝各位的閱讀！