/p>

var types="家電,服飾,家具,日用";

var types_str1="電視機,洗衣機,電冰箱,空調|外套,襯衣,大衣,褲子|書桌,書柜,飯桌,衣柜|清潔,洗發,紙品,廚房";

var types_str2="索尼,海信,康佳,飛利浦^海爾,LG,三星^海爾,飛利浦,韓電^格力,美的,海爾,長虹"

+"|"

+"外套1,外套2,外套3,外套4^襯衣1,襯衣2,襯衣3^大衣1,大衣2,大衣3^褲子1,褲子2"

+"|"

+"書桌1,書桌2,書桌3^書柜1,書柜2^飯桌1,飯桌2,飯桌3^衣柜1,衣柜2"

+"|"

+"清潔1,清潔2,清潔3^洗發1,洗發2,洗發3^紙品1,紙品2,紙品3^廚房1,廚房2,廚房3"

var types_id="0,1,2,3";

var types_str_id1="001,002,003,004|101,102,103,104|201,202,203,204|301,302,303,304";

var subtype_ids_str2="0011,0012,0013,0014^0021,0022,0023^0031,0032,0033^0041,0042,0043,0044"

+"|"

+"1011,1012,1013,1014^1021,1022,1023^1031,1032,1033^1041,1042"

+"|"

+"2011,2012,2013^2021,2022^2031,2032,2033^2041,2042"

+"|"

+"3011,3012,3013^3021,3022,3023^3031,3032,3033^3041,3042,3043";

var myform_types=types.split(",");

var myform_types_id=types_id.split(",");

var sub_types1=types_str1.split("|");

var sub_types_id1=types_str_id1.split("|");

var sub_types2=types_str2.split("|");

var sub_types_id2=subtype_ids_str2.split("|");

var index1=0;

var index2=0;

var oGtype=document.getElementById("gtype");

var oGtype_1=document.getElementById("gtype-1");

var oGtype_2=document.getElementById("gtype-2");

initial_select();

function change_select(){

index1 = oGtype.selectedIndex;

var now_subtypes1=sub_types1[index1].split(",");

var now_subtype_id1=sub_types_id1[index1].split(",");

oGtype_1.options.length=0;

for(var i=0;i

option=document.createElement("option");

option.innerHTML = now_subtypes1[i];

option.value= now_subtype_id1[i];

oGtype_1.appendChild(option);

}

change_select2()

}

function change_select2(){

index2 = oGtype_1.selectedIndex;

var temp_subtypes3=sub_types2[index1].split("^");

var now_subtypes3=temp_subtypes3[index2].split(",");

var temp_subtype_id3=sub_types_id2[index1].split("^");

var now_subtype_id3=temp_subtype_id3[index2].split(",");

oGtype_2.options.length=0;

for(var i=0;i

option=document.createElement("option");

option.innerHTML = now_subtypes3[i];

option.value= now_subtype_id3[i];

oGtype_2.appendChild(option);

}

}

function initial_select(){

for(var i=0;i

option=document.createElement("option");

option.value = myform_types_id[i];

option.innerHTML = myform_types[i];

oGtype.appendChild(option);

}

var now_subtypes1=sub_types1[0].split(",");

var now_subtype_id1=sub_types_id1[0].split(",");

for(var i=0;i

option=document.createElement("option");

option.innerHTML = now_subtypes1[i];

option.value= now_subtype_id1[i];

oGtype_1.appendChild(option);

}

var temp_subtypes3=sub_types2[0].split("^");

var now_subtypes3=temp_subtypes3[0].split(",");

var temp_subtype_id3=sub_types_id2[0].split("^");

var now_subtype_id3=temp_subtype_id3[0].split(",");

for(var i=0;i

option=document.createElement("option");

option.innerHTML = now_subtypes3[i];

option.value= now_subtype_id3[i];

oGtype_2.appendChild(option);

}

}

總結

以上是生活随笔為你收集整理的html地区三级联下拉列表,JS-三级联下拉列表的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。