html
>
<
html
>
<
head
lang=
"en"
>
<
meta
charset=
"utf-8"
>
<
script
src=
"js/jquery-1.11.3.js"
>
script
>
<
title
>二級聯動案例
title
>
<
style
>
select
#province
style
>
head
>
<
body
>
<
select
id="province"
>
<
option
>請選擇
option
>
<
option
>吉林省
option
>
<
option
>遼寧省
option
>
<
option
>山東省
option
>
select
>
<
script
>
/*需求 - 省份列表中具有資料,城市列表中沒有任何資料
* 當使用者選擇了省份資訊後,在城市列表中提供相對應的資料
元素的特點
* 元素,無論設定value還是預設value
*/// 1. 獲取省份列表,繫結onchange事件
var
provinceelement = document.getelementbyid("province");
provinceelement.onchange = function()else}/*
2. 得到使用者選擇的省份資訊
* 第一種
* 根據id為province的select元素,查詢所有option元素
* 遍歷得到的所有option元素
* 使用if判斷,哪個option元素具有selected屬性
* 第二種
* 直接通過select元素的value屬性值得到
*/var
provincevalue = provinceelement.value;
/*3. 根據不同的省份提供不同的城市資訊(陣列)
* 吉林省 - 長春市,吉林市,松原市,四平市,通化市
* 遼寧省 - 瀋陽市,大連市,鐵嶺市,丹東市,錦州市
* 山東省 - 濟南市,青島市,威海市,日照市,德州市
*/var
cities;
switch (provincevalue)
/*4. 解析陣列的資料內容
a. 遍歷儲存城市資訊的陣列
b. 得到每個城市資訊
c. 建立元素,將城市資訊寫入
d. 將建立的元素新增到城市列表中
*/for(var
i=0;i
}script
>
body
>
html
>
jquery實現二級聯動
實現原理 根據省份值的變動，通過jquery把sf id傳給後台php檔案處理，php通過查詢mysql資料庫，得到對應的地市名，並返回json資料給前端處理，即實現聯動效果！為便於講解，這裡直接給出省份 河南省 sf id 1 浙江省 sf id 2 而地市和學生資訊則分別建立兩張資料表！編碼方式...
二級聯動，多級聯動
首先，二級聯動，還是多級聯動小夥伴們不要怕，其實很簡單。首先，理清思路 首先第乙個頁面，肯定是進來就需要載入的 然後通過觸發第乙個事件，一般都是select寫 聯動，然後通過事件方法將引數 二級需要的條件 傳送給下乙個 需要用的地方 需要展示的地方 上 注意 function 這個方法裡是頁面在載入...
jquery二級聯動下拉列表
二級聯動下拉列表選擇應用在在很多地方，比如說省市下拉聯動，商品大小類下拉選擇聯動。本文將通過例項講解使用jquery php mysql來實現大小分類二級下拉聯動效果。先看下效果 大類 前端技術 程式開發 資料庫小類 實現的效果就是當選擇大類時，小類下拉框裡的選項內容也隨著改變。實現原理 根據大類的...