双击鼠标添加项目 - JavaScript论坛

第 5 楼

得分:0

程序代码：

<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.selected = true;
  }
}
function aa()
{ alert("aa");
}
</script>
<table border="0">
<form onSubmit="allSelect()">
  <tr>
    <td>
      <select name="possible" size="4" MULTIPLE width=200 style="width: 200px" 

ondblclick="copyToList('possible','chosen')">
        <option value="1" onDblClick="aa()">中国广州</option>
        <option value="2">中国上海</option>
        <option value="3">中国北京</option>
        <option value="4">中国武汉</option>
      </select>
     </td>
     <td><a href="javascript:copyToList('possible','chosen')">添加至右方--></a>

<a href="javascript:copyToList('chosen','possible')"><--添加至左方</a></td>
     <td>
       <select name="chosen" size="4" MULTIPLE width=200 style="width: 200px;" 

ondblclick="copyToList('chosen','possible')">
         <option value="temp">从左边选择你的地区</option>
       </select>
     </td>
   </tr>
</form>
</table>

[[italic] 本帖最后由 zhulei1978 于 2007-12-22 20:49 编辑 [/italic]]

其实我就是改变社会风气，提高少女素质，刺激电影市道，提高年轻人内涵，玉树临风，风度翩翩的整蛊专家，我名叫古晶，英文名叫JingKoo！