我自己写了个小程序。2个LIST想做的事就是在一个LIST里选好数据然后按BUTTON数据移动到另一个里去。。但是现在没反映。。请达人帮我看看
<%@ page language="java" import="java.util.*" pageEncoding="ISO-8859-1"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<META http-equiv=Content-Type content="text/html; charset=unicode">
<META content="MSHTML 6.00.3790.118" name=GENERATOR>
</HEAD>
<BODY>
<Table>
<TR>
<TD>
<select id="s1" onpropertychange="javascript:checkButtonStatus();" multiple style="WIDTH: 147px; HEIGHT: 103px">
<option value="">11111111111111</option>
<option value="">22222222222222</option>
<OPTION value="">33333333333333</OPTION>
<OPTION value="">44444444444444</OPTION>
<OPTION value="">55555555555555</OPTION>
</select>
</tD>
<TD>
<INPUT class="btn2" id="btnLeft" onclick="transferItem(-1);" type="button" value=" < " name="btnLeft2">
<BR>
<INPUT class="btn2" id="btnRight" onclick="transferItem(1);" type="button" value=" > " name="btnRight2">
<BR>
<INPUT class="btn2" id="btnAllLeft" onclick="transferItem(-2);" type="button" value="< <" name="btnAllLeft2">
<BR>
<INPUT class="btn2" id="btnAllRight" onclick="transferItem(2);" type="button" value="> >" name="btnAllRight">
</TD>
<TD>
<select id="s2" multiple style="WIDTH: 147px; HEIGHT: 103px" onpropertychange="javascript:checkButtonStatus();" >
</select>
</td>
</tr>
</TABLE>
</BODY>
</HTML>
<SCRIPT LANGUAGE=javascript> <!-- function transferItem(iDirect) { var oListLeft = document.all.s1; var oListRight = document.all.s2; if(iDirect<0) { oListLeft =document.all.s2; oListRight =document.all.s1; } iDirect = iDirect>0?iDirect:-1*iDirect; for (var i=0;i<oListLeft.options.length;i++) { if ((iDirect ==1 && oListLeft.options[i].selected )|| iDirect ==2 ) { var oldOp = oListLeft.options[i]; var newOp = new Option(oldOp.text,oldOp.value); oListRight.options.add(newOp); oListLeft.options[i] = null; i--; } } checkButtonStatus(); } function checkButtonStatus() { var oListLeft = document.all.s1; var oListRight = document.all.s2; var btn1 = document.all.btnLeft; var btn2 = document.all.btnRight; var btn3 = document.all.btnAllLeft; var btn4 = document.all.btnAllRight; // alert(bHaveCheckedOne(oListLeft)); btn1.disabled =!bHaveCheckedOne(oListRight); btn2.disabled =!bHaveCheckedOne(oListLeft); btn3.disabled =oListRight.options.length<=0; btn4.disabled =oListLeft.options.length<=0; } function bHaveCheckedOne(obj) { for(var i=0;i<obj.options.length;i++) { if(obj.options[i].selected) { return true; } } return false; } //-->
</SCRIPT>
<%@ page language="java" import="java.util.*" pageEncoding="ISO-8859-1"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<META http-equiv=Content-Type content="text/html; charset=unicode">
<META content="MSHTML 6.00.3790.118" name=GENERATOR>
</HEAD>
<BODY>
<Table>
<TR>
<TD>
<select id="s1" onpropertychange="javascript:checkButtonStatus();" multiple style="WIDTH: 147px; HEIGHT: 103px">
<option value="">11111111111111</option>
<option value="">22222222222222</option>
<OPTION value="">33333333333333</OPTION>
<OPTION value="">44444444444444</OPTION>
<OPTION value="">55555555555555</OPTION>
</select>
</tD>
<TD>
<INPUT class="btn2" id="btnLeft" onclick="transferItem(-1);" type="button" value=" < " name="btnLeft2">
<BR>
<INPUT class="btn2" id="btnRight" onclick="transferItem(1);" type="button" value=" > " name="btnRight2">
<BR>
<INPUT class="btn2" id="btnAllLeft" onclick="transferItem(-2);" type="button" value="< <" name="btnAllLeft2">
<BR>
<INPUT class="btn2" id="btnAllRight" onclick="transferItem(2);" type="button" value="> >" name="btnAllRight">
</TD>
<TD>
<select id="s2" multiple style="WIDTH: 147px; HEIGHT: 103px" onpropertychange="javascript:checkButtonStatus();" >
</select>
</td>
</tr>
</TABLE>
</BODY>
</HTML>
<SCRIPT LANGUAGE=javascript> <!-- function transferItem(iDirect) { var oListLeft = document.all.s1; var oListRight = document.all.s2; if(iDirect<0) { oListLeft =document.all.s2; oListRight =document.all.s1; } iDirect = iDirect>0?iDirect:-1*iDirect; for (var i=0;i<oListLeft.options.length;i++) { if ((iDirect ==1 && oListLeft.options[i].selected )|| iDirect ==2 ) { var oldOp = oListLeft.options[i]; var newOp = new Option(oldOp.text,oldOp.value); oListRight.options.add(newOp); oListLeft.options[i] = null; i--; } } checkButtonStatus(); } function checkButtonStatus() { var oListLeft = document.all.s1; var oListRight = document.all.s2; var btn1 = document.all.btnLeft; var btn2 = document.all.btnRight; var btn3 = document.all.btnAllLeft; var btn4 = document.all.btnAllRight; // alert(bHaveCheckedOne(oListLeft)); btn1.disabled =!bHaveCheckedOne(oListRight); btn2.disabled =!bHaveCheckedOne(oListLeft); btn3.disabled =oListRight.options.length<=0; btn4.disabled =oListLeft.options.length<=0; } function bHaveCheckedOne(obj) { for(var i=0;i<obj.options.length;i++) { if(obj.options[i].selected) { return true; } } return false; } //-->
</SCRIPT>
应该是你的页面JavaScript代码格式不规范导致的,建议规范格式就可以了!