jquery中select2的用法是什麼

在jquery中，select2用於優化select使其支援單選和多選，同時也支援分組顯示、清單檢索，是一款基於jquery的下拉清單插件，呼叫語法為「 $(select ).select2()」。

本教學操作環境：windows10系統、jquery3.2.1版本、Dell G3電腦。

jquery中select2的用法是什麼

Select2是一款基於JQuery的下拉清單插件，主要用來優化select，支援單選購多選，同時也支援分組顯示、清單檢索。

select2是Jquery用來取代選擇框的一種元件。它讓你可以自訂下拉框，並且支援搜尋、標記，遠端資料來源，無限滾動和其他更高級的功能。

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

首先將剛才下載下來的css和js都引入專案中，在引入select2.js之前我們需要先引入jquery。
注意，下載下來的select2資料夾中的css和js都有壓縮版的和未壓縮版的，可以根據自己的需要自行引入，這裡引入的是壓縮版的。

呼叫語法如下：

$(function () {
        $("#myselect").select2();//调用插件
        
})

當然，我們需要給它做一些配置，這些配置透過物件的方式作為「 $(" #myselect").select2() 」 中select2() 的參數，例如，我們可以設定select的寬度width：

$("#myselect").select2({
      width:160,//设置select标签的宽度
            
});

相關影片教學推薦：jQuery影片教學

#

以上是jquery中select2的用法是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章！