html>
<
htmllang="en">
<
head>
<
metacharset="utf-8">
<
metaname="generator"content="editplus®">
<
metaname="author"content="">
<
metaname="keywords"content="">
<
metaname="description"content="">
<
title>二級聯動案例
title>
head>
<
body>
<
fieldset>
<
legend>使用者註冊頁面
legend>
<
form>
<
table>
<
tr>
<
td>使用者名稱:
td>
<
td><
inputtype="text"name="user">
td>
tr>
<
tr>
<
td>密碼:
td>
<
td><
inputtype="password"name="pwd">
td>
tr>
<
tr>
<
td>確認密碼:
td>
<
td><
inputtype="password"name="repwd">
td>
tr>
<
tr>
<
td>email:
td>
<
td><
inputtype="email"name="mail">
td>
tr>
<
tr>
<
td>籍貫:
td>
<
td>
<
selectid="province">
<
option>請選擇
option>
<
option>吉林省
option>
<
option>遼寧省
option>
<
option>山東省
option>
select>
<
selectid="city">
<
option>請選擇
option>
select>
td>
tr>
<
tr>
<
td>
td>
<
td><
inputtype="submit"value="註冊">
td>
tr>
table>
form>
fieldset>
<
script>
/*需求 - 省份列表中具有資料,城市列表中沒有任何資料
* 當使用者選擇了省份資訊後,在城市列表中提供相對應的資料
元素的特點
* 元素,無論設定value還是預設value
*/// 1. 獲取省份列表,繫結onchange事件
varprovinceelement=document.getelementbyid("province");
provinceelement.onchange =function()
/*2. 得到使用者選擇的省份資訊
* 第一種
* 根據id為province的select元素,查詢所有option元素
* 遍歷得到的所有option元素
* 使用if判斷,哪個option元素具有selected屬性
* 第二種
* 直接通過select元素的value屬性值得到
*/varprovincevalue =provinceelement.value;
/*3. 根據不同的省份提供不同的城市資訊(陣列)
* 吉林省 - 長春市,吉林市,松原市,四平市,通化市
* 遼寧省 - 瀋陽市,大連市,鐵嶺市,丹東市,錦州市
* 山東省 - 濟南市,青島市,威海市,日照市,德州市
*/varcities;
switch(provincevalue)
/*4. 解析陣列的資料內容
a. 遍歷儲存城市資訊的陣列
b. 得到每個城市資訊
c. 建立元素,將城市資訊寫入
d. 將建立的元素新增到城市列表中
*/for(vari=0;i
}script>
body>
html>
jQuery二級聯動動態列表
接手專案半個多月了，遇到好多問題，一直沒怎麼記住，今天寫乙個關於二級聯動列表，動態獲取後台資料庫然後顯示，好了 廢話不多說，先上效果圖 列表項是在js檔案中通過ajax獲取的後台資料 請選擇品牌 請選擇系列 這是一級列表 然後通過ajax獲取 ajax if i 2 0 else var id1 d...
jquery實現二級聯動
實現原理 根據省份值的變動，通過jquery把sf id傳給後台php檔案處理，php通過查詢mysql資料庫，得到對應的地市名，並返回json資料給前端處理，即實現聯動效果！為便於講解，這裡直接給出省份 河南省 sf id 1 浙江省 sf id 2 而地市和學生資訊則分別建立兩張資料表！編碼方式...
jQuery二級聯動 本地
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 pro...