셀렉트값 이동하기

<SCRIPT LANGUAGE="JavaScript">
<!--
function compareOptionValues(a, b) {
  var sA = parseInt( a.value, 36 ); 
  var sB = parseInt( b.value, 36 ); 
  return sA - sB;
}

function compareOptionText(a, b) {
  var sA = parseInt( a.text, 36 ); 
  var sB = parseInt( b.text, 36 ); 
  return sA - sB;
}

function moveDualList( srcList, destList, moveAll ) {
  if (  ( srcList.selectedIndex == -1 ) && ( moveAll == false )   )  {
    return;
  }

  newDestList = new Array( destList.options.length );
  var len = 0;

  for( len = 0; len < destList.options.length; len++ )   {
    if ( destList.options[ len ] != null )    {
      newDestList[ len ] = new Option( destList.options[ len ].text, destList.options[ len ].value, destList.options[ len ].defaultSelected, destList.options[ len ].selected );
    }
  }

  for( var i = 0; i < srcList.options.length; i++ )   {
    if ( srcList.options[i] != null && ( srcList.options[i].selected == true || moveAll ) )    {
       newDestList[ len ] = new Option( srcList.options[i].text, srcList.options[i].value, srcList.options[i].defaultSelected, srcList.options[i].selected );
       len++;
    }
  }

  newDestList.sort( compareOptionValues );   // BY VALUES
  for ( var j = 0; j < newDestList.length; j++ )   {
    if ( newDestList[ j ] != null )    {
      destList.options[ j ] = newDestList[ j ];
    }
  }

  for( var i = srcList.options.length - 1; i >= 0; i-- )   {
    if ( srcList.options[i] != null && ( srcList.options[i].selected == true || moveAll ) )    {
       srcList.options[i]       = null;
    }
  }
}
//-->
</script>

<!--
폼 구성 부분
option추가시는 value와 option값을 같도록만 해주면
무제한으로 추가가 가능함
//-->
<center>
<form>
<table border="0" cellspacing="0" cellpadding="5">
<tr>
<td>
<select multiple size="25" style="width:70" name="listLeft">
<option value="10">10</option>
<option value="15">15</option>
<option value="20">20</option>
<option value="30">30</option>
<option value="40">40</option>
<option value="50">50</option>
<option value="99">99</option>
<option value="A">A</option>
<option value="B">B</option>
<option value="F">F</option>
<option value="X">X</option>
<option value="Y">Y</option>
<option value="L">L</option>
//한글을 사용하는 경우 밸류는 영문으로 주어야 합니다. 키값이니까요.
<option value="LL">한글</option>
//아래처럼 밸류값도 한글로 주면 에러를 냅니다.
<!--option value="한글">한글만</option-->
</select>
</td>
<td>
<input type="button" style="width:90" onclick="moveDualList( this.form.listLeft,  this.form.listRight, false )" value="Add       >>"><BR>
<input type="button" style="width:90" onclick="moveDualList( this.form.listRight, this.form.listLeft,  false )" value="Add       <<"><BR>
<input type="button" style="width:90" onclick="moveDualList( this.form.listLeft,  this.form.listRight, true  )" value="Add All   >>"><BR>
<input type="button" style="width:90" onclick="moveDualList( this.form.listRight, this.form.listLeft,  true  )" value="Add All   <<"><BR>
</td>
<td>
<select multiple size="25" style="width:70" name="listRight">
<option value="01">1</option>
<option value="02">2</option>
<option value="03">3</option>
<option value="04">4</option>
<option value="05">5</option>
<option value="07">7</option>
<option value="D">D</option>
<option value="R">R</option>
<option value="G">G</option>
<option value="K">K</option>
<option value="Z">Z</option>
<option value="55">55</option>
</select>
</td>
</tr>
</table>
</form>
</center>