我有两个下拉列表,必须后一个列表的值小于前一个列表。
类型世纪佳缘网站的年龄收索。本人JS不是很会,求各位大侠完整代码。

解决方案 »

  1.   


    <!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>
    </head>
    <body>
    <div>
    <select id="s1" onchange="change()">
    <option selected=true>请选择</option>
    <option>18</option>
    <option>19</option>
    <option>20</option>
    <option>21</option>
    </select>
    <select id="s2">
    <option selected=true>请选择</option>
    </select>
    </div>
    </body>
    <script type="text/javascript">
    function change() {
    var s1 = document.getElementById("s1");
    var index1 = s1.selectedIndex;
    var value1 = s1.options[index1].value;

    var s2 = document.getElementById("s2");
    var j = s2.length-1;

    for(; j>0; ) {
    s2.remove(j);
    j=s2.length-1;
    }

    if(!isNaN(value1)) {
    for(var i=1; i<=10; ++i) {
    s2.add(new Option(parseInt(value1) + i, value1 + i));
    }
    }
    }
    </script>
    </html>
    希望能帮到LZ