码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2019-11-02 00:26:12      阅读:104      评论:0      收藏:0      [点我收藏+]

标签:meta   hang   obj   fun   doc   val   昆明   back   document   

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

 

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

标签:meta   hang   obj   fun   doc   val   昆明   back   document   

原文地址:https://www.cnblogs.com/xieshilin/p/11780261.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!