如何实现如下功能_PHP

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>