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

<!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>

来源：https://www.cnblogs.com/xieshilin/p/11780261.html

标签

option

易学教程内所有资源均来自网络或用户发布的内容，如有违反法律规定的内容欢迎反馈！
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!