| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 945 人关注过本帖
标题:js控制下拉列菜單的值
只看楼主 加入收藏
rgbtdkjcel
Rank: 1
等 级:新手上路
帖 子:294
专家分:0
注 册:2007-3-26
结帖率:50%
收藏
 问题点数:0 回复次数:1 
js控制下拉列菜單的值
有兩個下拉菜單,在第一個下拉菜單中選擇不同的值,則第二列的下拉菜單的值也會顯示不同的內容。該如何實現!急1!!!!!!!!!
搜索更多相关主题的帖子: 如何 
2007-12-18 14:45
渚薰
Rank: 6Rank: 6
等 级:贵宾
威 望:22
帖 子:1132
专家分:0
注 册:2006-8-6
收藏
得分:0 
第一种方法,硬编码值,如下(假设第一个select的id为parent,其触发onchange事件的函数是selectParent,第二个select的id为children);
程序代码:
/*
children的hash对象中,属性名即为parent的select里每一项的value值
*/
var children={
    'value1':[
               ['value1-subtext1','value1-subvalue1'],
               ['value1-subtext2','value1-subvalue2']
             ]
    'value2':[
               ['value2-subtext1','value2-subvalue1'],
               ['value2-subtext2','value2-subvalue2']
             ]
}

function selectParent() {
    var parent=document.getElementById('parent');
    var p_value=parent.options[parent.selectedIndex].value;
    renderChildren(children[p_value]);
}

function renderChildren(list) {
    if (list) {
       var children=document.getElementById('children');
       children.options.length=0;  //清空select中的选项
       for (var i=0;i<list.length;i++) {
           children.options.push(new Option(list[i][1],list[i][0]));
       }
    }
}
第二种方法,ajax。不明白什么意思的话,就别管了。

个人ajax技术专题站: " target="_blank">http://www. 我不会闲你烦,只会闲你不够烦!
2007-12-18 15:59
快速回复:js控制下拉列菜單的值
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.018947 second(s), 8 queries.
Copyright©2004-2025, BCCN.NET, All Rights Reserved