现在我要实现两个下拉框(类似于省市级联),当我在第一个下拉框不选的时候,第二个下拉框全都可以选择,但当我第一个下拉框中选择了第一个货第二个的时候,第二个下拉框只能选择一部分的选项了.当我在第一个下拉框中选择第三个选项的时候下拉框就变灰了,什么都不能选择,想请问这个判断要如何写.(不要用struts2的标签!)

解决方案 »

  1.   


    <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="gb2312" />
    <title></title>
    </head>
    <body>
    <select id="a"></select>
    <select id="b"></select>
    <script>
    function $(el){
    return typeof el == 'string' ? document.getElementById(el) : el;
    }
    function $t(name, cot){
    cot = cot || document;
    return cot.getElementsByTagName(name);
    }
    // a b 定义你的数据,a的最后一项“不可用” 那么对应 b的最后一项就不写数据。
    var a = ['1', '2', '不可用'];
    var b = [
    ['1-1', '1-2'],
    ['2-1', '2-2', '2-3', '2-4']
    ];
    for(var i = 0, len = a.length; i < len; i++){
    var tmp = new Option(a[i], a[i]);
    $('a').add(tmp);
    }
    for(var i = 0, len = b.length; i < len; i++){
    for(var j = 0, lenj = b[i].length; j < lenj; j++){
    var tmp = new Option(b[i][j], b[i][j]);
    $('b').add(tmp);
    }
    }
    $('a').onchange = function(){
    $('b').length = 0;
    var index = this.selectedIndex;
    if( b[index] ){
    for(var i = 0, len = b[index].length; i < len; i++){
    var tmp = new Option(b[index][i], b[index][i]);
    $('b').add(tmp);
    }
    }
    }
    </script>
    </body>
    </html>楼主 这个意思?
      

  2.   

    没看懂就慢慢学http://www.w3school.com.cn/b.asp