首页 > 其他 > 详细

二级联动,例:根据省份选择市区

时间:2019-07-29 13:34:53      阅读:143      评论:0      收藏:0      [点我收藏+]

效果图如下:

技术分享图片

js代码

<script type="text/javascript">
        var array = [["--请选择--"],["海淀区","朝阳区","石景山区","昌平区"],["青岛市","济南市","泰安市","聊城市"],["郑州市","南阳市","安阳市","驻马店"],["石家庄","廊坊","沧州","邯郸"],["西安","咸阳","大同"]];
        
        function sel(select){
            
            var optionIndex = select.selectedIndex;
            var options = array[optionIndex];
                       
            //获取二级select对象
            var selectTwo = document.getElementById("two");
            
            //把当前select下的option清空
            selectTwo.options.length=0;

            for (var index in options) {
                var optionObj = document.createElement("option");
                optionObj.innerHTML=options[index];
                selectTwo.appendChild(optionObj);
            }
                      
        }
               
    </script>

 

 

 1 <select onchange="sel(this)">
 2             <option>--请选择--</option>
 3             <option>北京市</option>
 4             <option>山东省</option>
 5             <option>河南省</option>
 6             <option>河北省</option>
 7             <option>山西省</option>
 8         </select>
 9         
10         
11         <select id="two">
12                    
13         </select>

 

二级联动,例:根据省份选择市区

原文:https://www.cnblogs.com/hhhwj/p/11262799.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!