如何把一个多选框中的项目移到另一个多选框?

Question

<script language="JavaScript">
<!--
function moveitem(){
t = document.all.selectedSchool
k = t.length
for(var i=1;i<k;i++){
var item1 = t[1].removeNode(true)
document.all.unSelectedSchool.appendChild(item1)
}
}
//-->
</script>
<select name="selectedSchool">
<option value="0">第一中学</option>
<option value="1">第二中学</option>
<option value="2">第三中学</option>
</select><select name="unSelectedSchool" style="width:100"></select>
<BUTTON onclick="moveitem()">click</BUTTON>

Answer 1

<script language="JavaScript">
function copyToList(from,to) //from表示:包含可选择项目的select对象名字 to表示:列出可选择项目的select对象名字 //你可以根据你的具体情况修改
{
  fromList = eval('document.forms[0].' + from);
  toList = eval('document.forms[0].' + to);
  if (toList.options.length > 0 && toList.options[0].value == 'temp')
  {
    toList.options.length = 0;
  }
  var sel = false;
  for (i=0;i<fromList.options.length;i++)
  {
    var current = fromList.options[i];
    if (current.selected)
    {
      sel = true;
      if (current.value == 'temp')
      {
        alert ('你不能选择这个项目!');
        return;
      }
      txt = current.text;
      val = current.value;
      toList.options[toList.length] = new Option(txt,val);
      fromList.options[i] = null;
      i--;
    }
  }
  if (!sel) alert ('你还没有选择任何项目');
}
function allSelect() //这是当用户按下提交按钮时，对列出选择的select对象执行全选工作，让递交至的后台程序能取得相关数据
{
  List = document.forms[0].chosen;
  if (List.length && List.options[0].value == 'temp') return;
  for (i=0;i<List.length;i++)
  {
     List.options[i].selected = true;
  }
}</script>
<table border="0"> <form onSubmit="allSelect()">
              <tr>
                <td>
                  <select name="possible" size="4"
MULTIPLE width=200 style="width: 200px">
                    <option value="1">中国广州
                    <option value="2">中国上海
                    <option value="3">中国北京
                    <option value="4">中国武汉

                  </select>
                </td>
                  <td><a href="javascript:copyToList('possible','chosen')">添加至右方--><br>
                    <br>
                    </a><a href="javascript:copyToList('chosen','possible')"><--添加至左方</a></td>
                <td>
                  <select name="chosen" size="4"
MULTIPLE width=200 style="width: 200px;">
                    <option value="temp">从左边选择你的地区 
                  </select>
                </td>
              </tr>  </form>
            </table>
           
           
          
            

Answer 2

<script language="JavaScript">
<!--
function moveitem()
{
var t1  = document.all.selectedSchool;
var k1  = t1.length;
var t2 = document.all.unSelectedSchool;
var k2  = t2.length;
var sel = t1.options.selectedIndex;
var current = t1.value;
for (var j=0;j<k2;j++)
{
if(t2.options[j].value == current)
{
alert("您已经选择了该项!");
return false;
}

}
t2.options[j] = new Option(t1.options[sel].text,current);

}
//-->
</script>
<select name="selectedSchool">
<option value="0">第一中学</option>
<option value="1">第二中学</option>
<option value="2">第三中学</option>
</select><select name="unSelectedSchool" style="width:100">
</select>
<BUTTON onclick="moveitem()">click</BUTTON>