求两个列表框之间传值的完整代码,其中一个可以上下调整顺序

<html>
<head>
<script>
function f1(){
var oSel=document.all.oldSel;
var index=oSel.selectedIndex;
if(index==-1){ alert("请选择一个");oSel[0].selected=true;return;}
if(index==0) return;
var opt=new Option(oSel[index-1].text,oSel[index-1].value);
oSel[index-1]=null;
oSel.add(opt,index);
}
function f2(){
var oSel=document.all.oldSel;
var index=oSel.selectedIndex;
if(index==-1){ alert("请选择一个");oSel[0].selected=true;return;}
if(index==oSel.length-1) return;
var opt=new Option(oSel[index+1].text,oSel[index+1].value);
oSel[index+1]=null;
oSel.add(opt,index);
}
function f3(){
var oSel=document.all.oldSel;
if(oSel.length==0) return;
var index=oSel.selectedIndex;
var oSel2=document.all.newSel;
var index2=oSel2.selectedIndex;
var opt=new Option(oSel[index].text,oSel[index].value,1,1);
oSel[index]=null;
oSel2.add(opt);
}
function f4(){
var oSel=document.all.newSel;
if(oSel.length==0) return;
var index=oSel.selectedIndex;
var oSel2=document.all.oldSel;
var index2=oSel2.selectedIndex;
var opt=new Option(oSel[index].text,oSel[index].value,1,1);
oSel[index]=null;
oSel2.add(opt);
}
</script>
</head>
<body>
<table border=0 width=50%>
<tr><td>
<select id=oldSel size=5 style=width:50>
<option>1
<option>2
<option>3
<option>4
<option>5
</select>
</td><td>
<input type=button value="  up " onclick=f1()><br>
<input type=button value=" down" onclick=f2()><br>
<input type=button value=" left" onclick=f3()><br>
<input type=button value="right" onclick=f4()><br>
</td><td>
<select id=newSel size=5 style=width:50>
</select>
</td></tr>
</table>
</body>
</html>

解决方案 »

  1.   

    <SCRIPT language="JavaScript">
    <!--
    function move(s1,s2,flag){
    var e=window.event.srcElement;
    var tem=new Array();
    var temz=new Array(); //过渡
    var sa=document.Form1.elements[s1];
    var sb=document.Form1.elements[s2];
    var s=sa.selectedIndex>-1?1:0;
    with(sa)
    {
    for(i=length-1;i>=0;i--){
    if(options[i].selected||flag){
    var xxcz=0;
    //添加时
    if(e.id=='aa1' || e.id=='aa2'){
    for(j=0;j<sb.length;j++){
    if(options[i].value.substring(0,1) != sb.options[j].value.substring(0,1)){
    xxcz=1;
    break;
    } }
    for(j=0;j<temz.length;j++){
    if(options[i].value.substring(0,1) != temz[j].value.substring(0,1)){
    xxcz=1;
    break;
    }
    }
    }
    if (xxcz==0){
    temz[temz.length]=options[i];
    options[i]=null;
    }
    }
    }
    }
    if(s||flag)
    {
    for(i=0;i<sb.length;i++) tem[tem.length]=sb.options[i];
    for(i=temz.length-1;i>=0;i--) tem[tem.length]=temz[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);
    }
    }
    zx(s1);
    zx(s2);
    }/*move_self(s,flag):s是列表框name,flag(1,-1)，是上移或下移*/
    function  move_self(s,flag)
    {
    var sa=document.Form1.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.Form1.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
    }function pint(s1,s2)
    { var oj= document.getElementById('Table3');
    oj.focus();
    var parentwin=window.dialogArguments;
    if (parentwin!=null) {
    var parentsel=parentwin.document.all.DropDownList1;
    if (parentsel!=null){
    var obj = document.Form1.elements[s1];
    var sel = document.Form1.elements[s2];
    var tem=new Array();
    for(i=0;i<parentsel.length;i++)
    {
    tem[tem.length]=parentsel.options[i];
    sel.options[i]=new Option(tem[i].text,tem[i].value);
    }
    for(i=obj.length-1;i>=0;i--){
    for(j=0;j<sel.length;j++){
    if(obj.options[i].value==sel.options[j].value){
    obj.options[i]=null;
    break;
    }
    }
    }
    }
    }
    zx('a');
    zx('b');
    }//-->
    </SCRIPT>