select级联操作new Option问题

作者:用户 来源:互联网 浏览:393 次 时间:2016-09-06 19:28:45

newselect级联

select级联操作new Option问题 - 摘要: select级联操作newOption问题<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01//EN""http://www.w3.org/TR/html4/stri

问题描述

select级联操作new Option问题
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Untitled Document</title>
        <script language="javascript">

                             //声明三组二维数组变量,分别存放各省的城市名称                   
                            var hebei = new Array();
                            hebei[0]=new Array('0','石家庄');
                            hebei[1]=new Array('1','秦皇岛');
                            hebei[2]=new Array('2','沧州');

                            var henan = new Array();
                            henan[0]=new Array('0','郑州');
                            henan[1]=new Array('1','洛阳');
                            henan[2]=new Array('2','开封');

                            var shandong = new Array();
                            shandong[0]=new Array('0','济南');
                            shandong[1]=new Array('1','青岛');
                            shandong[2]=new Array('2','威海');   
                            shandong[3]=new Array('3','烟台');   
                    //这个方法用来选择各省的名称,当选择后调用选城市的方法
                    function linked(){
                        //根据document节点取得某一个省的值然后用switch来选择调用showCity方法取得城市名称
                        var provinces = document.linkedlist.province.value;
                        switch(provinces){
                            case '0':showCity(hebei);

                            break;

                            case '1':showCity(henan);

                            break;
                            case '2':showCity(shandong);

                            break;
                        }
                    }
                    //这个方法用来选择城市,根据传进来的省的名称,选择省数组所有的城市
                    function showCity(cityArray){                           
                            for(i=0;i<cityArray.length;i++){
                                document.linkedlist.city.options[i]=new Option(cityArray[i][1],cityArray[i][0]);
                            }
                        }
        </script>
    </head>
    <body>
        <center>
            <form name="linkedlist" action="">
                <select name="province" onchange="javascript:linked()">
                    <option value="0" selected>河北</option>
                    <option value="1">河南</option>
                    <option value="2">山东</option>
                </select>
                省
                <br>
                <select name="city">
                    <option value="0" selected>石家庄</option>
                    <option value="1">秦皇岛</option>
                    <option value="2">沧州</option>
                </select>
                市
                <br>
            </form>
        </center>
    </body>
</html>

解决方案

http://uule.iteye.com/blog/1489483

解决方案二:

参考
http://www.2cto.com/kf/201309/240595.html

解决方案三:
                     function showCity(cityArray){            
                               document.linkedlist.city.options.length=0 //要删除之前的项目
                            for(i=0;i<cityArray.length;i++){
                                document.linkedlist.city.options[i]=new Option(cityArray[i][1],cityArray[i][0]);
                            }
                        }
【云栖快讯】诚邀你用自己的技术能力来用心回答每一个问题,通过回答传承技术知识、经验、心得,问答专家期待你加入!  详情请点击
云栖社区(yq.aliyun.com)为您免费提供select级联操作new Option问题相关信息,包括 new select级联 的信息 ,所有select级联操作new Option问题相关内容均不代表云栖社区的意见! 该页面h5页面的地址是:https://m.aliyun.com/yunqi/wenzhang/show_58547,您可以点击select级联操作new Option问题-手机站访问。
弹性可伸缩的计算服务,助您降低 IT 成本,提升运维效率

40+云计算产品,6个月免费体验

现在注册,免费体验40+云产品,及域名优惠!

云服务器9.9元/月,大学必备

热点导航