0顶

选择框内容的增减

稿源：互联网 2022-06-07 09:46:17 点击： 414 撤稿纠错

左右两边的选择框值互转，是用的比较少，需要的时候再上来找找，我们都为您准备着。

以下讨论的是和js相关的选择框内容的增减教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

脚本说明:
把如下代码加入<body>区域中
<SCRIPT LANGUAGE="JavaScript">

</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">
<tbody>
<tr>
<td valign="top" align="middle" rowspan="2">备选用户<br><select multiple size="12" name="Employees">
<option>Employee_01<option>Employee_02<option>Employee_03<option>Employee_04<option>Employee_05<option>Employee_06<option>Employee_07<option>Employee_08<option>Employee_09<option>Employee_10</option></select>
</td>
<td>
<p align="center"><input onclick="MoveOption('Employees','Admins','Add');" type="button" value="增加Admin >>" name=add_admin>

<p align="center"><input onclick="MoveOption('Admins','Employees','Remove');" type="button" value="<< 删除Admin" name="remove_admin">

</td>
<td valign="top" align="middle">Administrators<br><select multiple size="5" name="Admins">
<option>Admin_01<option>Admin_02<option>Admin_03<option>Admin_04<option>Admin_05</option></select>
</td></tr>
<tr>
<td>
<p align="center"><input onclick="MoveOption('Employees','Users','Add');" type="button" value="增加User >> " name=add_user>

<p align="center"><input onclick="MoveOption('Users','Employees','Remove');" type="button" value=" << 删除User " name="remove_user">

</td>
<td valign="top" align="middle">Users<br><select multiple size="5" name="Users">
<option>User_01<option>User_02<option>User_03<option>User_04<option>User_05</option></select>
</td></tr>
</tbody>
</table>
</div>
</FORM>
</td></tr>
<tr><td>
<div align="center"><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>
</td></tr>
</table>

<a href="http://www.alixixi.com/Dev/HTML/jsrun/">欢迎访问阿里西西网页特效集</a>

关于选择框内容的增减的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/200807193696.shtml方便下次再访问哦。

·上一篇： 弹出窗口始终一个
·下一篇： 可爱的系统小人

文章分类LIST >>返回首页

排行总榜

避免你的邮箱地址被自动收集的代码
有趣的按钮
控制用按钮打开新窗口的属性
单击按钮或图片打开IE首页
点击按钮打印该页
仿软件浮动按钮
在规定时间内方有效的按钮
一个按钮完成对文本框内容的复制
按钮选中文本框内所有内容
Windows式样的按钮

选择框内容的增减

文章分类LIST >>返回首页

最新游戏

最新新闻