<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>無標題文檔</title><script type="text/javascript" src="js/jquery-1.9.1.min.js"></script><script type="text/javascript" src="js/demo.js"></script></head><body><select id="province"> <option>---請選擇---</option></select><select id="city"> <option>---請選擇---</option></select><select id="country"> <option>---請選擇---</option></select></body></html>
js
// JavaScript Documentvar num1; var num2;var provinces=["河南省","山西省","山東省"];var cities=[["鄭州","開封","洛陽","周口"],["太原","大同","陽泉"],["煙台","青島","濟南","威海"]];var countires=[[["龍湖區","新鄭區"],["金明區","南關區"],["老城","洛龍"],["商水","周口"]],[["迎澤區","萬柏林區","小店區","杏花嶺區"],["城區","礦區"],["南邊區","小北溝"]],[["萊山區","福山區","芝罘區"],["市南","市北"],["市中區","天橋區"],["文登市","乳山市"]]];$(function(){ for(var i=0;i<provinces.length;i++){ $("#province").append("<option>"+provinces[i]+"</option>"); } $("#province").change(function(){ $("#city").children().not(":eq(0)").remove(); num1=$(this).children("option:selected").index(); var acity1=cities[num1-1]; for(var j=0;j<acity1.length;j++){ $("#city").append("<option>"+acity1[j]+"</option>"); } $("#city").change(function(){ $("#country").children().not(":eq(0)").remove(); num2=$(this).children("option:selected").index(); var contries1=countires[num1-1][num2-1]; for( var z=0;z<contries1.length;z++){ $("#country").append("<option>"+contries1[z]+"</option>"); } }); }); });Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
