在一对多选择的Web前端界面中,用双向列表选择框布局是比较直观的。以下是用 Javascript 制作的一个示例,关键代码都有了,已经可以使用。大家可以针对自己的实际需求再进行修改,使其更完善,比如加一个“reset”功能等。
<form id="frm" name="frm" method="post" action="" onSubmit="Submit(this)">
<table width="500" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td width="220" align=center valign="top">
待分配的角色:<br><br>
<select name="WaitSelectItem" id="WaitSelectItem" size=15 multiple="true" style="width:180px;">
<option value="">待分配的角色-1</option>
<option value="">待分配的角色-2</option>
<option value="">待分配的角色-3</option>
<option value="">待分配的角色-4</option>
&

本文展示了如何使用JavaScript创建一个双向列表选择框,用于在一对多选择的Web界面中直观地分配角色。示例代码包括添加、删除选项及全选功能,可作为基础进行定制,例如添加重置功能。
最低0.47元/天 解锁文章
1496

被折叠的 条评论
为什么被折叠?



