求多选文本框

Question

左边文本框给出选择列表，选中单击按钮将选项加入右边文本框，提交后得到右边文本框中内容。总之实现选择多个提交就可以，但不用复选框那样的。

Answer 1

javascript 简单!
dan shi ni 不会 lian page 代码 ye yao bie ren xie ba!

Answer 2

专门为你写的，累死我了。<table border=0>
  <tr>
    <td>
<select name="selectFrom" size="10" style="width: 150px;" multiple ondblclick="moveSome('selectFrom','selectTo')">
  <option value="1">test 1</option>
  <option value="2">test 2</option>
  <option value="3">test 3</option>
  <option value="4">test 4</option>
  <option value="5">test 5</option>
  <option value="6">test 6</option>
  <option value="7">test 7</option>
</select>
</td>
<td align="center">
<input type="button" value=" > "  onclick="moveSome('selectFrom','selectTo')"><p>
<input type="button" value=" < "  onclick="moveSome('selectTo','selectFrom')"><p>
<input type="button" value=" >> " onclick="moveAll('selectFrom','selectTo')"><p>
<input type="button" value=" << " onclick="moveAll('selectTo','selectFrom')"><p>
</td>
    <td>
<select name="selectTo" size="10" style="width: 150px;" multiple ondblclick="moveSome('selectTo','selectFrom')"> </select>
    </td>
  </tr>
</table><SCRIPT LANGUAGE="JavaScript">
<!--
function moveSome(sFrom,sTo){
var sf = document.getElementById(sFrom).options;
var tf = document.getElementById(sTo).options;
var p  = tf.length;
//var tmpArr = new Array();
for(var i=sf.length-1;i>=0;i--){
if(sf[i].selected){
var value = sf[i].value;
var text = sf[i].text;
tf.add(new Option(text,value),p);
sf.remove(i);
}
}
}function moveAll(sFrom,sTo){
var sf = document.getElementById(sFrom).options;
var tf = document.getElementById(sTo).options;
for(var i=0;i<sf.length;){
tf.add(new Option(sf[0].text, sf[0].value));
sf[0] = null;
}
}//-->
</SCRIPT>

Answer 3

谢谢SeeYouInTheSky 下面是我找的解决办法已经过测试可以使用，怎么给你加分和结贴？
<table border=0>
  <tr>
    <td>
        <option value="temp">从右边选择管理员
    </td>
    <td>
        <a href="javascript:copyToList('possible','chosen')"><<</a>
        <hr>
<a href="javascript:copyToList('chosen','possible')">>></a>
</td>    
        <td>
        <select name="possible" size="10" style="width: 150px;" multiple ">
          <option value="1">test 1</option>
          <option value="2">test 2</option>
          <option value="3">test 3</option>
          <option value="4">test 4</option>
          <option value="5">test 5</option>
          <option value="6">test 6</option>
          <option value="7">test 7</option>
        </select>
    </td>
  </tr>
</table>
<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')
      {
       Ext.MessageBox.alert('系统提示信息', '你不能选择这个项目!');
        return;
      }
      txt = current.text;
      val = current.value;
      toList.options[toList.length] = new Option(txt,val);
      fromList.options[i] = null;
      i--;
    }
  }
  if (!sel) Ext.MessageBox.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>