selectList控件 的单选复选移动

 

1.页面js src到js/web 找到 tools.js 中的函数：function listToList(list1,list2,direction,operation)。

 

    2.前面页面 写上：

 

<table width="27%" height="194" border="0" cellpadding="1" cellspacing="0">
  <tr>
    <td width="21%">
  <select id="select1 " multiple="multiple" style="width:100px;height:250px;">
    <option>a</option>
    <option>b</option>
    <option>c</option>
    <option>d</option>
    <option>e</option>
    <option>f</option>
    <option>g</option>
    <option>h</option>
    <option>i</option>
    <option>j</option>
    <option>k</option>
    <option>j</option>
    <option>m</option>
    <option>n</option>
  </select>
 </td>                                                             
    <td width="57%" align="center">                                   

      <input type="button" value=" &gt;&gt; " onClick="listToList('select1','select2','>',1) " />
      <input type="button" value=" &gt; " onClick="listToList('select1','select2','>') "/><br />
      <input type="button" value=" &lt; " onClick="listToList('select1','select2','<',0) "/><br />
      <input type="button"  value=" &lt;&lt; " onClick="listToList('select1','select2','<',1) " />
 </td>
    <td width="22%">
  <select id="select2 " multiple="multiple" style="width:100px;height:250px;"></select>
 </td>
  </tr>
</table>