标题: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



参与讨论请移步原网站贴子:https://bbs.bccn.net/thread-193147-1-1.html




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

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