列表内容如何移动问题
我想实现的功能是：当点击》按钮时，左边列表中被选中的字段移到右边列表中；当点击《按钮时，右边列表中被选中的字段移到左边列表中。由于我对javascript不熟，总是不能实现我想要的效果。现在是：当我选中左边列表中某些字段并点击》按钮时，被选中的字段会被删除但在右边列表显示若干个“a1(i)” 而不是被选中的内容；当我选中右边列表中某些字段并点击《按钮时，被选中的字段会被删除但在左边列表中没有添加。请各位高手帮我看看下面代码如何修改。谢谢！<%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%>
<%
z=10
if IsEmpty(a2) then
redim a2(z)
for i=0 to z
a2(i)=" "
next
End If
y=6
if IsEmpty(a1) then
redim a1(y)
for i=0 to y
a1(i)=cstr(i)
next
End If
%>
<script language="javascript">
function submitfz()
{
for (var i=0; i<fzform.fz.length; i++) {
if (fzform.fz.options[i].value=" ") {
document.fzform.fz.options[i]=null;
}
}
for (var j=0; j<fzform.fzxz.length; j++) {
if (fzform.fzxz.options[j].selected) {
var op=new Option(fzform.fzxz.options[j].value);
document.fzform.fz.options.add(op);
document.fzform.fzxz.options[j]=null
}
}
}
function resetfz()
{
for (var j=0; j<fzform.fz.length; j++) {
if (fzform.fz.options[j].selected) {
var op=new Option(fzform.fz.options[j].value);
document.fzform.fzxz.options.add(op);
document.fzform.fz.options[j]=null;
}
}
}
</script>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.
<html xmlns="http://www.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>学生基本情况统计分析</title>
<style type="text/css">
<!--
.STYLE1 {
font-family: "隶书";
font-size: large;
color: #009999;
}
.STYLE2 {font-size: small}
-->
</style>
</head>
<body>
<table width="50%" border="1" cellspacing="0" cellpadding="0">
<caption>
<span class="STYLE1">字段选择 </span>
</caption>
<tr>
<td width="33%" align="center" class="STYLE2">分组（按住Shift键或Ctrl键可多选）</td>
</tr>
<tr>
<td><form id="fzform" name="fzform" method="post" action="">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" class="STYLE2">可选字段：</td>
<td align="center"> </td>
<td align="center" class="STYLE2">已选字段：</td>
</tr>
<tr>
<td width="38%" rowspan="2" align="right" valign="middle"><select name="fzxz" size="15" multiple="multiple" id="fzxz">
<%for i=0 to y%>
<option value="a1(i)"><%=a1(i)%></option>
<%next%>
</select></td>
<td width="28%" align="center" valign="middle"><input type="button" name="sfz" value=" > "onClick="submitfz()"/>
</td>
<td width="34%" rowspan="2" align="left" valign="middle"><select name="fz" size="15" multiple="multiple" id="fz">
<%for i=0 to z%>
<option value="a2(i)"><%=a2(i)%></option>
<%next%>
</select></td>
</tr>
<tr>
<td align="center" valign="middle"><input type="button" name="rfz" value=" < " onClick="resetfz()"/> </td>
</tr>
</table>
</form></td>
</table>
</body>
