怎样能使不带滚动条的select中的选项“上移”或者“下移”

什么叫不带滚动条的select?
<HTML>
<HEAD>
<TITLE>test</TITLE>
</HEAD><BODY>
<SELECT NAME="select1" id="select1">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</SELECT>
<br><br>
<input type=button value=up onclick=javascript:up();>&nbsp;&nbsp;
<input type=button value=down onclick=javascript:down();>
<script language=javascript>
function up()
{
if(document.all.select1.selectedIndex!=0)
{
document.all.select1.selectedIndex=document.all.select1.selectedIndex-1;
}
}
function down()
{
if(document.all.select1.selectedIndex!=(document.all.select1.options.length-1))
{
document.all.select1.selectedIndex=document.all.select1.selectedIndex+1;
}
}
</script>
</BODY>
</HTML>

解决方案 »

  1.   

    <SELECT NAME="select1" id="select1" size=6>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    </SELECT>
    <br><br>
    <input type=button value=up onclick="goo(-1)">&nbsp;&nbsp;
    <input type=button value=down onclick="goo(+1)">
    <script language=javascript>
    function goo(i)
    {
      var si = select1.selectedIndex;
      var ops = select1.options;
      if(ops[si+i] && ops[si]){
        ops[si+i].swapNode(ops[si]);
      }
    }
    </script>
      

  2.   

    小小修正：<SELECT NAME="select1" id="select1" size=6>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    </SELECT>
    <br><br>
    <input type=button value=up onclick="goo(-1)">&nbsp;&nbsp;
    <input type=button value=down onclick="goo(+1)">
    <script language=javascript>
    function goo(i)
    {
      var si = select1.selectedIndex;
      var ops = select1.options;
      if(si+i>=0 && ops[si+i] && ops[si]){
        ops[si+i].swapNode(ops[si]);
      }
    }
    </script>