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

Posted xieshilin

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了购物地址选择下拉列表练习相关的知识，希望对你有一定的参考价值。

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

 

以上是关于购物地址选择下拉列表练习的主要内容，如果未能解决你的问题，请参考以下文章

选择下拉列表中的特定值时隐藏“添加到购物车”

购物车练习

购物车练习

日期选择器如何从下拉列表中选择月份

python实际练习1——简单购物车

购物车上使用的 ASP.NET 的文化问题