省份城市区县三级联动html代码,全国城市三级联动 示例源码(省市县)

【实例简介】

【实例截图】

【核心代码】

全国城市三级联动

body{ background:#EEEEEE;margin:0; padding:0; font-family:"微软雅黑", Arial, Helvetica, sans-serif; }

a{ color:#006600; text-decoration:none;}

a:hover{color:#990000;}

.top{ margin:5px auto; color:#990000; text-align:center;}

.info select{ border:1px #993300 solid; background:#FFFFFF;}

.info{ margin:5px; text-align:center;}

.info #show{ color:#3399FF; }

.bottom{ text-align:right; font-size:12px; color:#CCCCCC; width:1000px;}

全国城市三级联动

var Gid = document.getElementById ;

var showArea = function(){

Gid('show').innerHTML = "

省" Gid('s_province').value " - 市"

Gid('s_city').value " - 县/区"

Gid('s_county').value ""

}

Gid('s_county').setAttribute('onchange','showArea()');