select2是一款搜尋下拉框外掛，不過這個外掛在非彈窗和彈窗是有區別的。非彈窗下的select2外掛是可以進行搜尋選擇的，但是彈窗裡select2外掛是不能搜尋，只能選擇的，下面利用具體的例項進行說明，操作如下說明
工具/原料
HBuilder
截圖工具
jquery ui
select2
瀏覽器
方法/步驟
第一步，開啟HBuilder設計工具，建立web專案jqueryUI，並將相應的js和css檔案拷貝到指定的目錄下，如下圖所示：
第二步，將jquery UI核心css樣式檔案、js檔案以及select2樣式檔案和js檔案引入到web專案中，如下圖所示：
第三步，在body標籤元素內插入div標籤，並在div中插入select標籤以及option選項，如下圖所示：
第四步，利用jquery核心初始化方法，新增jquery UI彈窗js，並設定彈窗高度、寬度和按鈕，如下圖所示：
第五步，添加了彈窗js和下拉框後，接著在瀏覽器中預覽該頁面功能，這時會在頁面中看到一個彈窗，彈窗中有個下拉框，如下圖所示：
第六步，然後將select下拉框外層的div標籤元素去掉，預覽頁面，會看到頁面中下拉框，如下圖所示：
注意事項
熟悉jquery ui彈窗dialog元件使用方法
瞭解select2外掛使用方法