两个列表匡内容互相挪来挪去的例子(javascript)
时间:2007-02-17 来源:PHP爱好者
  代码:
  <HTML>
  <HEAD>
  <TITLE></TITLE>
  <script language="javascript">
  function adduser()
  {
  freelength = document.all.freeid.length;
  for (var i=freelength-1;i>=0;i--)
  {
  if (document.all.freeid.options.selected)
  {
  var newtext = document.all.freeid.options.text;
  var newvalue = document.all.freeid.options.value;
  var nowlength = document.all.nowid.length;
  document.all.nowid.options[nowlength] = new Option(newtext,newvalue);
  document.all.freeid.options = null;
  }
  }
  }
  function deluser()
  {
  nowlength = document.all.nowid.length;
  for (var i=nowlength-1;i>=0;i--)
  {
  if (document.all.nowid.options.selected)
  {
  var newtext = document.all.nowid.options.text;
  var newvalue = document.all.nowid.options.value;
  var freelength = document.all.freeid.length;
  document.all.freeid.options[freelength] = new Option(newtext,newvalue);
  document.all.nowid.options = null;
  }
  }
  }
  </script>
  </HEAD>
  <BODY BGCOLOR="#ffffff" >
  <table border="1" cellpadding="3" cellspacing="0" style="border-collapse: collapse" bordercolor="#CCCCCC" width="100%">
  <tr>
  <td colspan="2">
  <table width="90%" border="0" cellspacing="0" cellpadding="0" align="center">
  <tr>
  <td>
  <select name="freeid" multiple size="6" style="width:200px">
  
  <option value="1">admin</option>
  
  </select>
  </td>
  <td valign="center" align="center">
  <input type="button" class="it" value="添加>>" onclick="adduser()"><br><br>
  <input type="button" class="it" value="<<删除" onclick="deluser()">
  </td>
  <td>
  <select name="nowid" multiple size="6" style="width:200px">
  
  <option value="11">EHLDCIO</option>
  
  <option value="15">wanglifeng</option>
  
  <option value="16">service</option>
  
  </select>
  </td>
  </tr>
  </table>
  </BODY>
  </HTML>
php爱好者站 http://www.phpfans.net 为phper提供一切资讯.










