如何实现如下功能

PHP代码:--------------------------------------------------------------------------------
脚本说明:
把如下代码加入

区域中

请选择
第一项
第二项
第三项
第四项
第五项
第六项

你可以自己选择一下:

<br><br>PHP代码:--------------------------------------------------------------------------------<br>脚本说明:<br>把如下代码加入区域中<br><script language="JavaScript"><br/><!-- Begin<br/>var delimiter = ":";<br/>function MoveOption (MoveFrom, MoveTo, ToDo) {<br/> var SelectFrom = eval('document.main_form.'+MoveFrom);<br/> var SelectTo = eval('document.main_form.'+MoveTo);<br/> var SelectedIndex = SelectFrom.options.selectedIndex;<br/> var container;<br/> if (ToDo=='Add') {<br/> container=eval('document.main_form.'+ToDo+MoveTo);<br/> }<br/> if (ToDo=='Remove') {<br/> container=eval('document.main_form.'+ToDo+MoveFrom);<br/> }<br/> if (SelectedIndex == -1) {<br/> alert("请选择一个用户");<br/> } else {<br/> for (i=0; i<SelectFrom.options.length; i++) {<br/> if(SelectFrom.options[i].selected) {<br/> var name = SelectFrom.options[i].text;<br/> var ID = SelectFrom.options[i].value;<br/> SelectFrom.options[i] = null;<br/> SelectTo.options[SelectTo.options.length]=new Option (name,ID);<br/> i=i-1;<br/> if(ToDo=='Add'||ToDo=='Remove') {<br/> container.value=container.value+name+delimiter;<br/> //container.value=container.value+ID+delimiter;<br/> }<br/> }<br/> }<br/> }<br/>}<br/>function CheckDuplicates (AddListContainer, RemoveListContainer) {<br/> var AddList = eval('document.main_form.'+AddListContainer);<br/> var RemoveList = eval('document.main_form.'+RemoveListContainer);<br/> var TempAddList = AddList.value;<br/> var TempRemoveList = RemoveList.value;<br/> if (TempAddList>''&&TempRemoveList>'') {<br/> TempAddList = TempAddList.substring(0,TempAddList.length-1);<br/> TempRemoveList = TempRemoveList.substring(0,TempRemoveList.length-1);<br/> var AddArray = TempAddList.split(delimiter);<br/> var RemoveArray = TempRemoveList.split(delimiter);<br/> for (i=0; i<AddArray.length; i++) {<br/> for (j=0; j<RemoveArray.length; j++) {<br/> if (AddArray[i]==RemoveArray[j]) {<br/> AddArray[i]='';<br/> RemoveArray[j]='';<br/> break;<br/> }<br/> }<br/> }<br/> AddList.value='';<br/> for (i=0; i<AddArray.length; i++) {<br/> if (AddArray[i]>'') {<br/> AddList.value = AddList.value + AddArray[i] + delimiter;<br/> }<br/> }<br/> RemoveList.value='';<br/> for (i=0; i<RemoveArray.length; i++) {<br/> if (RemoveArray[i]>'') {<br/> RemoveList.value = RemoveList.value + RemoveArray[i] + delimiter;<br/> }<br/> }<br/> }<br/>}<br/>function LockChanges() {<br/> CheckDuplicates('AddAdmins','RemoveAdmins');<br/> CheckDuplicates('AddUsers','RemoveUsers');<br/>}<br/>// End --><br/></script><br><table align="center"> <br><tr><td> <br><form name="main_form" action="" method="post"> <input type="hidden" name="AddAdmins"><br><input type="hidden" name="RemoveAdmins"> <input type="hidden" name="AddUsers"> <input>type=hidden name=RemoveUsers><br><div align="center"> <br><table cellspacing="0" cellpadding="5" border="0"> <br><tbody> <br><tr> <br><td valign="top" align="middle" rowspan="2">备选用户<br><select multiple size="12" name="Employees"><br><option>Employee_01</option> <option>Employee_02</option> <option>Employee_03</option> <option>Employee_04</option> <option>Employee_05</option> <option>Employee_06</option> <option>Employee_07</option> <option>Employee_08</option> <option>Employee_09</option> <option>Employee_10</option></select><br> </td> <br><td> <br><p align="center"><input onclick="MoveOption('Employees','Admins','Add');" type="button" value="增加Admin >>" name="add_admin"><br></p> <br><p align="center"><input onclick="MoveOption('Admins','Employees','Remove');" type="button" value="<< 删除Admin" name="remove_admin"><br></p> </td> <br><td valign="top" align="middle">Administrators<br><select multiple size="5" name="Admins"><br><option>Admin_01</option> <option>Admin_02</option> <option>Admin_03</option> <option>Admin_04</option> <option>Admin_05</option></select><br> </td> </tr> <br><tr> <br><td> <br><p align="center"><input onclick="MoveOption('Employees','Users','Add');" type="button" value="增加User >> " name="add_user"><br></p> <br><p align="center"><input onclick="MoveOption('Users','Employees','Remove');" type="button" value=" << 删除User " name="remove_user"><br></p> </td> <br><td valign="top" align="middle">Users<br><select multiple size="5" name="Users"><br><option>User_01</option> <option>User_02</option> <option>User_03</option> <option>User_04</option> <option>User_05</option></select><br> </td> </tr> <br> </tbody> <br> </table> <br> </div> <br> </form> <br> </td></tr> <br><tr><td> <br><div align="center"><input onclick="LockChanges();" type="button" value="保存修改"></div> <br><br><br><div align="center"> <br><a href="java%20script:alert(document.main_form.AddAdmins.value);">查询增加的Admin</a><br><br><br><a href="java%20script:alert(document.main_form.RemoveAdmins.value);">查询删除的Admin</a><br><br><br><a href="java%20script:alert(document.main_form.AddUsers.value);">查询增加的User</a><br><br><br><a href="java%20script:alert(document.main_form.RemoveUsers.value);">查询删除的User</a><br> </div> <br> </td></tr> <br><br> </table> <br><br><br>PHP代码:--------------------------------------------------------------------------------<br>脚本说明：<br>把如下代码加入区域中:<br><script language="JavaScript"><br/><br/><!-- Begin<br/>sortitems = 1; // Automatically sort items within lists? (1 or 0)<br/><br/>function move(fbox,tbox) {<br/>for(var i=0; i<fbox.options.length; i++) {<br/>if(fbox.options[i].selected && fbox.options[i].value != "") {<br/>var no = new Option();<br/>no.value = fbox.options[i].value;<br/>no.text = fbox.options[i].text;<br/>tbox.options[tbox.options.length] = no;<br/>fbox.options[i].value = "";<br/>fbox.options[i].text = "";<br/> }<br/>}<br/>BumpUp(fbox);<br/>if (sortitems) SortD(tbox);<br/>}<br/>function BumpUp(box) {<br/>for(var i=0; i<box.options.length; i++) {<br/>if(box.options[i].value == "") {<br/>for(var j=i; j<box.options.length-1; j++) {<br/>box.options[j].value = box.options[j+1].value;<br/>box.options[j].text = box.options[j+1].text;<br/>}<br/>var ln = i;<br/>break;<br/> }<br/>}<br/>if(ln < box.options.length) {<br/>box.options.length -= 1;<br/>BumpUp(box);<br/> }<br/>}<br/><br/>function SortD(box) {<br/>var temp_opts = new Array();<br/>var temp = new Object();<br/>for(var i=0; i<box.options.length; i++) {<br/>temp_opts[i] = box.options[i];<br/>}<br/>for(var x=0; x<temp_opts.length-1; x++) {<br/>for(var y=(x+1); y<temp_opts.length; y++) {<br/>if(temp_opts[x].text > temp_opts[y].text) {<br/>temp = temp_opts[x].text;<br/>temp_opts[x].text = temp_opts[y].text;<br/>temp_opts[y].text = temp;<br/>temp = temp_opts[x].value;<br/>temp_opts[x].value = temp_opts[y].value;<br/>temp_opts[y].value = temp;<br/> }<br/> }<br/>}<br/>for(var i=0; i<box.options.length; i++) {<br/>box.options[i].value = temp_opts[i].value;<br/>box.options[i].text = temp_opts[i].text;<br/> }<br/>}<br/>// End --><br/></script><br><br><form action="" method="POST"> <br><table border="0"> <br><tr> <br><td><select multiple size="5" name="list1"><br><option value="11"> item 1.1 </option> <br><option value="12"> item 1.2 </option> <br><option value="13"> item 1.3 </option> <br></select></td> <br><td> <br><input type="button" value=" >> " onclick="move(this.form.list1,this.form.list2)" name="B1"><br><br><input type="button" value=" << " onclick="move(this.form.list2,this.form.list1)" name="B2"><br> </td> <br><td><select multiple size="5" name="list2"><br><option value="21"> item 2.1 </option> <br><option value="22"> item 2.2 </option> <br><option value="23"> item 2.3 </option> <br></select></td> <br> </tr> <br> </table> <br> </form> <br> <center> </center> <p style="width:100%;text-align:center;margin:10px 0"> <br> <br> </p> <p style="width:100%;text-align:center;margin:10px 0"> </p> <p class="clear"></p>