多选列表框Multiselect如何初始化

0 0

多选列表框Multiselect如何初始化0

使用Multiselect实现了一个多选列表框。
官方网址：http://www.senamion.com/blog/jmultiselect2side.html

现在如果要重置页面所有表单输入项，也包括多选列表框。
那么，多选列表框如何初始化

							<tr>
								<td>
									姓名
								</td>
								<td>
									<input id="name" name="name" type="text" size="44" maxlength="256"
										value="${name}">
								</td>
							</tr>
							<tr>
								<td>
									测试
								</td>
								<td>
									<select name="test" id='testMut' multiple='multiple' size='8' >
										<c:forEach items="${testList}" var="list">
											<option value="${list.key}">${list.value}</option>
										</c:forEach>
									</select>
								</td>
							</tr>

问题补充：我的问题是：多选列表框选择了选项到右边的已选框内，此时点击页面上重置按钮，重置所有页面元素输入的值；同时也希望将多选列表框还原至页面初始化的状态，即左边是待选择框，右边是空的选择框

jQuery Multiselect

2012年9月11日 18:04

stone02111
2
0 0 3

1个答案按时间排序按投票排序

0 0

采纳的答案

1、下载demo
http://www.senamion.com/blog/jquery.multiselect2side.zip
2、在demo目录下

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head profile="http://gmpg.org/xfn/11">
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

	<title>Senamion.com - multiselect2side (multiple select double side) plugin: documentation and demo page</title>
	<link rel="stylesheet" href="css/jquery.multiselect2side.css" type="text/css" media="screen" />
	<script type="text/javascript" src="js/jquery.js" ></script>
	<script type="text/javascript" src="js/jquery.multiselect2side.js" ></script>
	<script type="text/javascript">
		$().ready(function() {

			$('#test').multiselect2side(
				    {
					labelsx:"未选择",labeldx:"已选择",
					selectedPosition:"right",
					labelTop:"顶部",labelBottom:"底部",labelUp:"上移",labelDown:"下移",labelSort:"排序"
					});
		});
	</script>




</head>
<body>

				<select name="source" id='test' multiple='multiple' >
					<option value='1'>超级管理员</option>
					<option value='2'>图书管理员</option>
					<option value='3'>进货管理员</option>
					<option value='4'>销售管理员</option>
				</select>

				
</body>
</html>

source里边就是你要添加的

2012年9月11日 18:57