jQuery LocationSelect 是一個基于 jQuery 的地址選擇器插件。它可以很方便地在網頁中實現省市區或街道地址的選擇功能。下面是一個簡單的使用示例:
<link rel="stylesheet" href="jquery-locationselect.css"> <script src="jquery-3.4.1.min.js"></script> <script src="jquery-locationselect.min.js"></script> <script> $(function() { $('#location').locationSelect(); }); </script> <select id="location"></select>
首先需要引入相應的 CSS 和 JavaScript 文件。然后在 `$(function() {})` 的回調函數中調用 `locationSelect()` 方法來初始化地址選擇器。最后在 HTML 中添加一個 select 標簽,并給它一個 id。
如果需要傳入初始值,可以在調用 `locationSelect()` 方法時傳入一個對象作為參數,其中包含省市區的 code 值,例如:
$('#location').locationSelect({ province: '110000', city: '110100', district: '110101' });
其中 `province`、`city` 和 `district` 分別表示省、市和區的 code 值。
地址選擇器的數據是通過 AJAX 請求獲取的,默認請求的接口地址是 `http://locationselect.github.io/locations.json`,可以通過修改 `$.fn.locationSelect.defaults.url` 來自定義接口地址。
下一篇織夢欄目代碼css