购物地址选择下拉列表练习 

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script>
        window.onload = function(){
            var citySelect = document.getElementById("city");
            citySelect.innerHTML = "<option value=cd>成都</option><option value=my>绵阳</option><option value=ls>乐山</option>";
        }

        function changeCity(obj){
            var citySelect = document.getElementById("city");
            if(obj.value == "sc"){
                citySelect.innerHTML = "<option value=cd>成都</option><option value=my>绵阳</option><option value=ls>乐山</option>";
            } else if(obj.value == "gz"){
                citySelect.innerHTML = "<option value=gy>贵阳</option><option value=zy>遵义</option><option value=cs>赤水</option>";
            } else if(obj.value == "yn"){
                citySelect.innerHTML = "<option value=km>昆明</option><option value=dl>大理</option><option value=tc>腾冲</option>";
            }
        }
    </script>
</head>
<body>
省：<select id="province" onchange="changeCity(this)">
    <option value="sc">四川</option>
    <option value="gz">贵州</option>
    <option value="yn">云南</option>
</select>
市：<select id="city">
</select>
</body>
</html>

 

posted @ 2019-11-01 23:54  谢世林  阅读(457)  评论(0)    收藏  举报