js实现省市区三级联动

原文作者：http://www.cnblogs.com/zjfree

demo.html

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22

< html > < head > < title >纯JS省市区联动 title > < script type = "text/javascript" src = "jsAddress.js" > script > head > < body > < div > 省：< select id = "cmbProvince" > select > 市：< select id = "cmbCity" > select > 区：< select id = "cmbArea" > select > < br />< br /> 省：< select id = "Select1" > select > 市：< select id = "Select2" > select > 区：< select id = "Select3" > select > < script type = "text/javascript" > addressInit('cmbProvince', 'cmbCity', 'cmbArea', '陕西', '宝鸡市', '金台区'); addressInit('Select1', 'Select2', 'Select3'); script > div > body > html >

jsAddress.js

var addressInit = function(_cmbProvince, _cmbCity, _cmbArea, defaultProvince, defaultCity, defaultArea)
{
    var cmbProvince = document.getElementById(_cmbProvince);
    var cmbCity = document.getElementById(_cmbCity);
    var cmbArea = document.getElementById(_cmbArea);
     
    function cmbSelect(cmb, str)
    {
        for(var i=0; i