在一对多选择的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>
&l