用JavsScript能做出带下拉单的多重选择框,并把选择项移至另一个列表框吗

当然可以做了
将左边的select的value放到右边

解决方案 »

  1.   

    <body>
    <script language="JavaScript">
    <!--
    /*move(s1,s2,flag):s1是源列表框，s2是目的列表框，flag是是否全部移动*/
    function move(s1,s2,flag){
    var tem=new Array();
    var sa=document.frm.elements[s1];
    var sb=document.frm.elements[s2];
    var s=sa.selectedIndex>-1?1:0
    with(sa)
    for(i=length-1;i>=0;i--)
    if(options[i].selected||flag){tem[tem.length]=options[i];options[i]=null}
    if(s||flag){
    for(i=0;i<sb.length;i++)tem[tem.length]=sb.options[i]
    with(sb){
    length=0;
    tem.sort(sortArr)
    for(i=0;i<tem.length;i++)options[length]=new Option(tem[i].text,tem[i].value)
    }
    }
    }/*move_self(s,flag):s是列表框name,flag(1,-1)，是上移或下移*/
    function move_self(s,flag){
    var sa=document.frm.elements[s]
    var tem;
    with(sa){
    if(flag==1){
    if(selectedIndex>0)
    for(i=0;i<length;i++)
    if(options[i].selected){
    tem_text=options[i].text;tem_value=options[i].value
    options[i].text=options[i-1].text;
    options[i].value=options[i-1].value;
    options[i-1].text=tem_text;options[i-1].value=tem_value
    options[i-1].selected=true;options[i].selected=false
    }
    }
    else
    for(i=length-1;i>=0;i--)
    if(options[i].selected){
    if(i==length-1)break;
    tem_text=options[i].text;tem_value=options[i].value
    options[i].text=options[i+1].text;
    options[i].value=options[i+1].value;
    options[i+1].text=tem_text;options[i+1].value=tem_value
    options[i+1].selected=true;options[i].selected=false
    }
    }
    }/*显示列表框选中的值,s是列表框的name*/
    function show(s){
    var str=""
    with(document.frm.elements[s])
    for(i=0;i<length;i++)
    if(options[i].selected)str+="\n第"+(i+1)+"个option:\ntext:"+options[i].text+" value:"+options[i].value
    alert(str)
    }function sortArr(a,b){
    if(a.text>b.text)return 1
    if(a.text<b.text)return -1
    return 0
    }
    //-->
    </script>
    <form name="frm">
    <select name="a" size="5" style="width:100" multiple>
    <option value="a1">1</option>
    <option value="a2">2</option>
    <option value="a3">3</option>
    <option value="a4">4</option>
    </select>
    <input type=button value=">>" onclick="move('a','b',1)">
    <input type=button value=" > " onclick="move('a','b')">
    <input type=button value=" < " onclick="move('b','a')">
    <input type=button value="<<" onclick="move('b','a',1)">
    <select name="b" size="5" style="width:100" multiple>
    <option value="b1">a</option>
    <option value="b2">b</option>
    <option value="b3">c</option>
    <option value="b4">d</option>
    <option value="b5">e</option>
    </select><br/>
    <input type=button value="up" onclick="move_self('a',1)">
    <input type=button value="down" onclick="move_self('a',-1)">
    <input type=button value="up" onclick="move_self('b',1)">
    <input type=button value="down" onclick="move_self('b',-1)">
    <input type=button value="get a's value" onclick="show('a')">
    <input type=button value="get b's value" onclick="show('b')">
    </form>
    </body>
      

  2.   

    选择Option左右移动，以及手工排序(20030408):
    http://jkisjk.vip.sina.com/html/moveRightOrLeft.htm