注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

陈钟鸣的博客

独立之精神,自由之思想.

 
 
 

日志

 
 

js联动下拉框  

2008-07-08 17:22:52|  分类: java |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
<html>
<head>
    <script>
        
        arrayChild = new Array();
        //java拼接.
        arrayChild[0] = "1\n11\nchild11";
        arrayChild[1] = "1\n12\nchild12";
        arrayChild[2] = "2\n21\nchild21";
        arrayChild[3] = "2\n22\nchild22";
        
        function onParentChange(){
            var ele_p = document.getElementById("mparent");
            var ele_c = document.getElementById("mchild");
            var ind = ele_p.selectedIndex;
            var v = ele_p.options[ind].value;
            var icount = -1;
            var childValue = new Array();
            var childText = new Array();
            
            ele_c.options.length=0;
            
            for(var i = 0;i<arrayChild.length;i++){
                var p = arrayChild[i].split("\n");
                if(p[0] == v){
                    icount++;
                    childValue[icount] = p[1];
                    childText[icount] = p[2];
                }
            }
            ele_c.options.length = childValue.length;
            for(var i = 0;i<childValue.length;i++){
                ele_c.options[i].value=childValue[i];
                ele_c.options[i].text = childText[i];
            }
        }
        
    </script>
</head>
<body>
<form id="frm">    
    <select id="mparent" onchange="onParentChange()">
        <option value="1">parent1</option>
        <option value="2">parent2</option>
    </select>
    
    <select id="mchild">
    </select>
</form>
</body>

<html>
  评论这张
 
阅读(99)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017