急．请帮忙请帮忙．怎么用ＪＳ做出选择列表的菜单？ - Dreamweaver及网页制作 - 5D互动论坛 - 五维多媒体

您还没有登录,现在登录 | 注册5D通行证

5D 博客新控制面板,操作更简单!

首页

资讯

作品

教程

博客

论坛

论坛首页规章制度搜索帮助

» 互动论坛 » Dreamweaver及网页制作 » 急．请帮忙请帮忙．怎么用ＪＳ做出选择列表的菜单？

发起主题

回复主题

跳转到：

每页显示15条 1/1<<<1>>

	主题: 急．请帮忙请帮忙．怎么用ＪＳ做出选择列表的菜单？
bluehouse_5d 职务：普通成员等级：1 金币：0.0 发贴：11	引用 #12004/7/28 14:59:32 akeen.51.net/xx/test.htm 按上面网页的基础上修改成：左边两个列表，选择后，生出右边一个列表．并且右边列表要有上下移动按钮，为了方便拉动．．毫无头绪．． help!!~~斑竹们．．高手们．．救命哪．．帮帮我~~~ 要做不出来真的会失业了．．．哭哇．．．５５５５５５５５５５５５~~~~ 喜欢站在有风的地方......
缺缺职务：管理员等级：8 金币：41.0 发贴：9620	引用 #22004/7/28 15:23:37 <script language="JavaScript"> <!-- Begin var delimiter = ":"; function MoveSelect (MoveFrom, MoveTo, ToDo) { var SelectFrom = eval('document.main_form.'+MoveFrom); var SelectTo = eval('document.main_form.'+MoveTo); var SelectedIndex = SelectFrom.options.selectedIndex; var container; if (ToDo=='Add') { container=eval('document.main_form.'+ToDo+MoveTo); } if (ToDo=='Remove') { container=eval('document.main_form.'+ToDo+MoveFrom); } if (SelectedIndex == -1) { alert("请选择一个用户"); } else { for (i=0; i<SelectFrom.options.length; i++) { if(SelectFrom.options[i].selected) { var name = SelectFrom.options[i].text; var ID = SelectFrom.options[i].value; var len = SelectTo.options.length; SelectFrom.options[i] = null; SelectTo.options[len]=new Option (name,ID); SelectTo.options[len].selected = true; i=i-1; if(ToDo=='Add'\|\|ToDo=='Remove') { container.value=container.value+name+delimiter; //container.value=container.value+ID+delimiter; } } } } SetButton(); } function MoveOption(MoveMenu,ToDo) { var SelectMenu = eval('document.main_form.'+MoveMenu); if (ToDo=='Up') { for (i=1; i<SelectMenu.options.length; i++) { if(SelectMenu.options[i].selected) { var name = SelectMenu.options[i].text; var ID = SelectMenu.options[i].value; SelectMenu.options[i].text = SelectMenu.options[i-1].text; SelectMenu.options[i].value = SelectMenu.options[i-1].value; SelectMenu.options[i-1].text = name; SelectMenu.options[i-1].value = ID; SelectMenu.options[i].selected = false; SelectMenu.options[i-1].selected = true; } } } else if (ToDo=='Down') { for (i=SelectMenu.options.length-2; i>=0; i--) { if(SelectMenu.options[i].selected) { var name = SelectMenu.options[i].text; var ID = SelectMenu.options[i].value; SelectMenu.options[i].text = SelectMenu.options[i+1].text; SelectMenu.options[i].value = SelectMenu.options[i+1].value; SelectMenu.options[i+1].text = name; SelectMenu.options[i+1].value = ID; SelectMenu.options[i].selected = false; SelectMenu.options[i+1].selected = true; } } } SetButton(); } function SetOptions(doCheck) { for (j=0; j<document.main_form.length; j++) { var SelectMenu = eval('document.main_form.elements[j]'); if (SelectMenu.options) { for (i=0; i<SelectMenu.options.length; i++) { SelectMenu.options[i].selected = doCheck } } } SetButton(); } function SetButton() { var doCheck = true; var len = document.main_form.Employees.options.length; for (i=0; i<len; i++) { if(document.main_form.Employees.options[i].selected) { doCheck = false; } } document.main_form.add_admin.disabled = doCheck; document.main_form.add_user.disabled = doCheck; doCheck = true; len = document.main_form.Users.options.length; for (i=0; i<len; i++) { if(document.main_form.Users.options[i].selected) { doCheck = false; } } document.main_form.remove_user.disabled = doCheck; if (doCheck\|\|document.main_form.Users.options[0].selected) { document.main_form.up_users.disabled = true; } else { document.main_form.up_users.disabled = false; } if (doCheck\|\|document.main_form.Users.options[len-1].selected) { document.main_form.down_users.disabled = true; } else { document.main_form.down_users.disabled = false; } doCheck = true; len = document.main_form.Admins.options.length; for (i=0; i<len; i++) { if(document.main_form.Admins.options[i].selected) { doCheck = false; } } document.main_form.remove_admin.disabled = doCheck; if (doCheck\|\|document.main_form.Admins.options[0].selected) { document.main_form.up_admins.disabled = true; } else { document.main_form.up_admins.disabled = false; } if (doCheck\|\|document.main_form.Admins.options[len-1].selected) { document.main_form.down_admins.disabled = true; } else { document.main_form.down_admins.disabled = false; } } function CheckDuplicates (AddListContainer, RemoveListContainer) { var AddList = eval('document.main_form.'+AddListContainer); var RemoveList = eval('document.main_form.'+RemoveListContainer); var TempAddList = AddList.value; var TempRemoveList = RemoveList.value; if (TempAddList>''&&TempRemoveList>'') { TempAddList = TempAddList.substring(0,TempAddList.length-1); TempRemoveList = TempRemoveList.substring(0,TempRemoveList.length-1); var AddArray = TempAddList.split(delimiter); var RemoveArray = TempRemoveList.split(delimiter); for (i=0; i<AddArray.length; i++) { for (j=0; j<RemoveArray.length; j++) { if (AddArray[i]==RemoveArray[j]) { AddArray[i]=''; RemoveArray[j]=''; break; } } } AddList.value=''; for (i=0; i<AddArray.length; i++) { if (AddArray[i]>'') { AddList.value = AddList.value + AddArray[i] + delimiter; } } RemoveList.value=''; for (i=0; i<RemoveArray.length; i++) { if (RemoveArray[i]>'') { RemoveList.value = RemoveList.value + RemoveArray[i] + delimiter; } } } } function LockChanges() { CheckDuplicates('AddAdmins','RemoveAdmins'); CheckDuplicates('AddUsers','RemoveUsers'); } // End --> </script> <table align="center"> <tr> <td> <form name="main_form" action method="post"> <input type="hidden" name="AddAdmins" /> <input type="hidden" name="RemoveAdmins" /> <input type="hidden" name="AddUsers" /> <input type="hidden" name="RemoveUsers" /> <div align="center"> <table cellspacing="0" cellpadding="5" border="0"> <tr> <td valign="top" align="middle" rowspan="2">备选用户<br /> <select multiple size="12" name="Employees" onchange="SetButton();"> <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> </td> <td> <p align="center"> <input onclick="MoveSelect('Employees','Admins','Add');" type="button" value="增加Admin >>" name="add_admin" /> </p> <p align="center"> <input onclick="MoveOption('Admins','Up');" type="button" value="Up" name="up_admins" /><input onclick="MoveOption('Admins','Down');" type="button" value="Down" name="down_admins" /> </p> <p align="center"> <input onclick="MoveSelect('Admins','Employees','Remove');" type="button" value="<< 删除Admin" name="remove_admin" /> </p> </td> <td valign="top" align="middle">Administrators<br /> <select multiple size="5" name="Admins" onchange="SetButton();"> <option>Admin_01</option> <option>Admin_02</option> <option>Admin_03</option> <option>Admin_04</option> <option>Admin_05</option> </select> </td> </tr> <tr> <td> <p align="center"> <input onclick="MoveSelect('Employees','Users','Add');" type="button" value="增加User >> " name="add_user" /> </p> <p align="center"> <input onclick="MoveOption('Users','Up');" type="button" value="Up" name="up_users" /><input onclick="MoveOption('Users','Down');" type="button" value="Down" name="down_users" /> </p> <p align="center"> <input onclick="MoveSelect('Users','Employees','Remove');" type="button" value=" << 删除User " name="remove_user" /> </p> </td> <td valign="top" align="middle">Users<br /> <select multiple size="5" name="Users" onchange="SetButton();"> <option>User_01</option> <option>User_02</option> <option>User_03</option> <option>User_04</option> <option>User_05</option> </select> </td> </tr> </table> </div> </form> </td> </tr> <tr> <td> <div align="center"> <input onclick="SetOptions(true);" type="button" value="全选" /><input onclick="SetOptions(false);" type="button" value="全部取消" /><br /> <input onclick="LockChanges();" type="button" value="保存修改" /></div> <br /> <div align="center"> <a href="javascript:alert(document.main_form.AddAdmins.value);"> 查询增加的Admin</a> <br /> <a href="javascript:alert(document.main_form.RemoveAdmins.value);"> 查询删除的Admin</a> <br /> <a href="javascript:alert(document.main_form.AddUsers.value);"> 查询增加的User</a> <br /> <a href="javascript:alert(document.main_form.RemoveUsers.value);"> 查询删除的User</a> </div> </td> </tr> <tr> <td></td> </tr> <tr> </tr> </table> [Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]
bluehouse_5d 职务：普通成员等级：1 金币：0.0 发贴：11	引用 #32004/7/28 15:50:31 allinhands！！！这位ＧＧ真的是大好人耶．．不过好像有点差别．．应该是我描述的不清楚．．你＝一下，我画个给你看看哦．．喜欢站在有风的地方......
bluehouse_5d 职务：普通成员等级：1 金币：0.0 发贴：11	引用 #42004/7/28 16:13:02 大概意思就像上面的图那样．．求ＧＧ帮帮忙．．喜欢站在有风的地方......
缺缺职务：管理员等级：8 金币：41.0 发贴：9620	引用 #52004/7/28 16:24:00 列表3.text=列表1.text+列表2.text
bluehouse_5d 职务：普通成员等级：1 金币：0.0 发贴：11	引用 #62004/7/28 16:33:36 嗯．．． ex：Employee_01[升序] ＝ Employee_01 + [升序] Employee_03[降序] ＝ Employee_03 + [降序] 先选中列表１，再选列表２＂升序＂或＂降序＂，生成列表３．喜欢站在有风的地方......
bluehouse_5d 职务：普通成员等级：1 金币：0.0 发贴：11	引用 #72004/7/28 17:54:36 怎么改？不会啊不会啊．．． help~~ 喜欢站在有风的地方......

每页显示15条 1/1<<<1>>

在回复主题:急．请帮忙请帮忙．怎么用ＪＳ做出选择列表的菜单？

正文：

下划线

文本颜色

插入链接

建立Google搜索链接

插入图片

引用文本

骄傲的笑

什么?

smile

frown

redface

biggrin

wink

rolleyes

mad

eek

禁止笑脸转换

提示：按 Ctrl+Enter 快速提交

关于我们 | 免责声明 | 合作联系 | 版权信息 | 友情链接 | ICP许可证:浙ICP备05007613号
©1999-2008 5D.cn. 版权所有

百度大联盟认证绿色会员