首頁 > 網際網路

如何運用Jquery的cxSelect外掛

2019-12-11 14:54:55

在進行網頁製作的時候,經常需要製作城市級聯選擇的功能,它幾乎是每個需要填寫資訊的網頁必備的需求了。下面小編給大家分享一下如何運用Jquery的cxSelect外掛實現城市的級聯選擇。

1

首先我們需要下載cxSelect的外掛包,如下圖所示,下載後解壓我們就可以看到如下圖所示的目錄,注意第一個是資料來源檔案


2

然後我們在Sublime  Text中準備HTML文件,並且在文件中加入jquery和cxselect的JS檔案,如下圖所示


3

接下來在Body中新增如下圖所示的html內容,注意給div要起id,並且給select賦值class


4

然後我們就可以在指令碼中獲取div,通過csSelect方法進行範例化外掛,如下圖所示,url中的是資料來源檔案


5

如果想指定開始進入頁面時的預設值,則可以通過data-value進行賦值,如下圖所示


6

最後我們執行程式以後,你就會在頁面中看到如下圖所示的效果,省市區達到了級聯的而效果


7

綜上所述,運用Jquery的cxSelect外掛時主要的就是資料來源檔案要齊全,其次就是樣式名要寫對。

IT145.com E-mail:sddin#qq.com