js 案例 下拉聯動

2021-08-19 19:47:58 字數 1413 閱讀 7869

1) 下拉框聯動

需求:有兩個下拉框:省份、城市。選擇省份後更新城市下拉框的內容。

先在介面中定義兩個下拉框:

select>

select>

在頁面載入結束後給省下拉框新增內容。

onload="province()">

新增下拉內容有兩種方式:

1是直接將標籤全組織為字串,賦值給province標籤。使用dom.innerhtml=」」;

function

province(),];

/*方法一

var html = "--請選擇--";

for(var i=0;i

html += ""+arr[i].name+"";

}selectdom.innerhtml = html;

*/var optionempty = document.createelement("option");

optionempty.value = "";

optionempty.text = "--請選擇--";

for(var i = 0; i < arr.length; i++){

var option = document.createelement("option");

option.value = arr[i].id;

option.text = arr[i].name;

第乙個下拉框內容有變化時呼叫citychange方法:

//城市資料

var citydatas = {

"1001":"100101#長沙,100102#郴州,100103#株洲",

"1002":"100201#武漢,100202#天門,10023#宜昌"

function

citychange(obj){

var value = obj.value;

var datas = citydatas[value];

var citydom = document.getelementbyid("city");

citydom.innerhtml = "";

var optionempty = document.createelement("option");

optionempty.value = "";

optionempty.text = "--請選擇--";

if(datas){

var citys = datas.split(",");

for(var i=0;ivar option = document.createelement("option");

var v = citys[i].split("#");

option.value = v[0];

option.text = v[1];

結果如下:

Js省市級聯動案例

doctype html utf 8 省市級聯動案例 title head 頁面中有兩個下拉框,分別為省份 城市 區縣 使用者選擇某個省份,對應城市下拉框重要出現所有該省份的城市,選擇城市後出來對應該城市的區或縣 getindex this 請選擇省份 option select areametho...

Excel下拉聯動

引用自 因工作需要,常常要將建築施工企業的單位名稱輸入到excel 中,由於要求每次輸入同乙個企業的名稱要完全一致,我就利用 資料有效性 製作了乙個下拉列表來進行輸入。但由於有150多個單位名稱,下拉列表太長,選擇起來非常不方便,於是,我對其進行了改進 實現了 分類列表選擇 快速統一輸入 之目的。使...

案例 js二級聯動

這是js常用功能,比如省份和城市的聯動 這是頁面標籤 action 省份 pre select 城市 cy select form 這是資料 var provinces 請選擇省份 北京市 天津市 上海市 重慶市 江蘇省 浙江省 江西省 海南省 var citys 請選擇城市 北京市 天津市 上海市...