JSP动态改变下拉列表框(select)中下拉列的最大值

页面上有一个按钮（button）和一个下拉列表框(select)。现在要实现如下的效果：当点击按钮一下时，使下拉列表框中下拉列的最大值为4（下拉列的值分别为1、2、3、4），再点击一次时，列表框下拉列最大值为3（下拉列的值分别为1、2、3），再点击一次时，列表框下拉列最大值为5（下拉列的值分别为1、2、3、4、5）。如何实现？谢谢

解决方案 »

  1.   

    select初始值多少？
    第一次4，第二次3，第三次5，第四次6，第五次7.。。是这样么可以用js搞定，楼主可以参考这个博客：
    innerHTML、innerText、outerHTML、outerText的区别我的资源里还有个jsp版AJAX下拉联动，你可以去看看，AJAX调用servlet部分你就不用仔细看了，光看看js是怎样动态改变jsp的那部分
      

  2.   


    <html>
    <head></head>
    <body>
    <table>
    <tbody>
    <tr>
    <th>button</th>
    <td><input type='button' onclick='modifySelection();' value='changeSelections'></td>
    <th>selection</th>
    <td><select id='changeObject'></select></td>
    </tr>
    </tbody>
    </table>
    </body>
    </html>
    <script>
    var count =2 ;
    var key =1 ;
    var selectObject = document.getElementById("changeObject");
    function modifySelection(){
    if(key ==1){
    count = count+2 ;
    key = 0;
    }else{
    count = count -1 ;
    key = 1;
    }
    selectObject.options.length = 0;
    var opts = selectObject.options ;
    for(var j=1;j<=count;j++){
    opts[opts.length] = new Option(j,j);
    }

    }
    </script>
      

  3.   

    写了个最简单的，主要是javascript操作。命名不规范，功能上没什么问题。