随机选人程序问题

当我点击鼠标停止的时候，会停在选中人的位置，但是无法得到选中人的id，得到的id跟数据库中的id不符合，有误差，求解决方案。        <div id="demo"  class="div_mil">
  <div  id="demo1"  class="div_mil_inner" >
  <ul id="ulmain">

<li id="s19">谬俊杰</li>

<li id="s20">陈有骥</li>

<li id="s22">白兴忠</li>

<li id="s23">胡光昌</li>

<li id="s24">张亚威</li>

<li id="s26">杨潇彬</li>

<li id="s28">叶勇</li>

<li id="s29">雷甘露</li>

<li id="s30">李厚爱</li>

<li id="s31">李光敏</li>

<li id="s32">陶珏</li>

<li id="s34">王国庆</li>

<li id="s36">黄武兵</li>

<li id="s39">杨百顺</li>

<li id="s41">高勋</li>

<li id="s42">林登辉</li>

<li id="s43">疏双志</li>

<li id="s44">蔡英明</li>

<li id="s46">李亚飞</li>

<li id="s47">赵成兵</li>

<li id="s48">杨博</li>

<li id="s49">梁金佟</li>

<li id="s52">周聚富</li>

<li id="s53">黄少池</li>

<li id="s54">陈占成</li>

<li id="s55">包文朝</li>

<li id="s56">姜新强</li>

<li id="s57">王国伟</li>

<li id="s58">王功道</li>

<li id="s60">宁年瑞</li>

<li id="s61">杨冰</li>

<li id="s62">宋国龙</li>

<li id="s63">朱云坤</li>

<li id="s64">张竣</li>

<li id="s65">马坤</li>

<li id="s66">柯永生</li>

<li id="s67">李天祥</li>

<li id="s68">刘伟易</li>

<li id="s69">郭金龙</li>

<li id="s71">李广源</li>

<li id="s72">朱巧玲</li>

<li id="s73">程浩</li>

<li id="s75">你是</li>

<li id="s76">是啊</li>

  </ul>
</div>js的代码
$(function(){

var process ;  //   = setInterval("getscroll()", 1); //每3/毫秒滚动一次
var onkeyindex=1;
// 1   停止滚动  状态
// 2    正在滚动
         // 3      停止滚动  等待选择的状态
var currentindex=1; //当前显示人员id
var chooseindex=0;

var totalcount = $("#ulmain").children("li").size();
//alert(totalcount);
//$("#ul1").find("li").css("display","none");

///////////////////////////////////////////
////////////////////begin///////////////////
var speed = 40;
var ZJJDemo  = $("#demo")[0]; // document.getElementById('demo');
var ZJJDemo1 = $("#demo1")[0]; // document.getElementById('demo1');
var ZJJDemo2 = $("#demo2")[0]; //document.getElementById('demo2');
$("#demo2").html($("#demo1").html());

//滑动效果实现体
function ballot(){
if(onkeyindex == 2){
if (ZJJDemo2.offsetTop - ZJJDemo.scrollTop <= 0)
ZJJDemo.scrollTop -= ZJJDemo1.offsetHeight;
else {
ZJJDemo.scrollTop += 60;
}
chooseindex = currentindex;
if(currentindex==totalcount*3) currentindex=1;
currentindex++;
setTimeout(ballot, 1);
}

};

////////////////////end////////////////////

/* 滚动效果实现体
* function ballot(){
if(onkeyindex == 2){
$("#s"+currentindex).siblings("li").css("display","none");
$("#s"+currentindex).css("display","");
chooseindex = currentindex;
if(currentindex==totalcount) currentindex=1;
currentindex++;
setTimeout(ballot, 1);
}

};*/

function startBallot(){
onkeyindex = 2;
setTimeout(ballot, 1); //每3/毫秒滚动一次
};

function stopBallot(){
//clearInterval(MyMar1);
onkeyindex = 1;

var scrolltop = $("#demo")[0].scrollTop; //拿到外围滚动条
var height = scrolltop % 180; //让他摸以显示的DIV 的高度  是否等于0  等于0 说明中间刚好显示一个LI 的高度

if (height != 0) {
//如果不等于O 的情况下  让他-掉多出来的宽度  刚好又显示一个完成的LI
$("#demo")[0].scrollTop -= height;
}
//alert(Math.round(scrolltop/180));
// alert(chooseindex);
};

function resetBallot(){
//MyMar1 = setTimeout(Marquee1, speed);
onkeyindex =2;
ballot();
}; //current

document.onkeydown = function(event) {
var e = event || window.event
|| arguments.callee.caller.arguments[0]; //兼容浏览器的获取KeY 对象的方法
//
if (onkeyindex == 1) { //标记位置等于1 代表停止滚动  状态
if (e.keyCode == 32)//空格事件   32 为空格
{
startBallot();//单机方法其中可以滚动 } } else if (onkeyindex == 2) { //判断等于2 的时候为正在滚动
if (e.keyCode == 32)//空格事件
{
stopBallot(); //调用单击停止滚动 } }  /* else if (onkeyindex == 3) { //等于三为停止滚动等待选择的状态
if (e.keyCode == 32) { //再按一次空格为确定本次操作
stopBallot();
//alert(currentindex);;//调用取消方法 } else if (e.keyCode == 27) { //如果是ESC  则为否定
resetBallot();; //调用取消 }
}  */ };

$("#invokeMain").bind('click', function(){
if (onkeyindex == 1) { //标记位置等于1 代表停止滚动  状态
$("#invokeMain").attr("src","images/btn_stop.jpg");
    startBallot();//单机方法其中可以滚动

} else if (onkeyindex == 2) { //判断等于2 的时候为正在滚动
$("#invokeMain").attr("src","images/btn.jpg");
stopBallot(); //调用单击停止滚动

}
});

});
有谁能解决一下，急，今天晚上就要开始上交项目了

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!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>
<%@ taglib uri="/struts-tags" prefix="s"%>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>随机点名程序</title>
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/style_version.css"/>
<script language="javascript" src="${pageContext.request.contextPath}/js/jquery-1.4.2.js"></script><script language="javascript" src="${pageContext.request.contextPath}/js/ballot.js" charset="utf-8"></script></head><body>
<div class="conn">
<div class="top">
    <img src="${pageContext.request.contextPath}/images/top_zi.jpg"/>
</div>
<div class="center">
<span class="center_l"><img src="${pageContext.request.contextPath}/images/left.jpg"/></span>
  <div class="center_c">
     <div class="div_up"><img src="${pageContext.request.contextPath}/images/center_c_top.jpg"/></div>
        <%-- <div class="div_mil">
         <div  id="div_all"  class="div_mil_inner"  >
         <ul id="ulmain">
<s:iterator value="unselectedPersons">
<li id="s<s:property value="id" />"><s:property  value="name"/></li>
</s:iterator>
</ul>
<ul id="ulsub">
</ul>

         </div>
        </div> --%>
        <%--begin --%>
        <div id="demo"  class="div_mil">
  <div  id="demo1"  class="div_mil_inner" >
  <ul id="ulmain">
    <s:iterator value="unselectedPersons">
<li id="s<s:property value="id" />"><s:property  value="name"/></li>
</s:iterator>
  </ul>
</div>
<div id="demo2"></div>
</div>
        <%--end --%>
        <div class="div_down">
        <img src="${pageContext.request.contextPath}/images/center_c_bottom.jpg"/>
            <div class="current"><img src="${pageContext.request.contextPath}/images/dian.jpg" /></div>
        </div>
  </div>
    <span class="center_r"><img src="${pageContext.request.contextPath}/images/right.jpg"/></span>
</div>
<div class="bottom">
<div class="btn">
<input id="invokeMain" type="image"   src="${pageContext.request.contextPath}/images/btn.jpg" />
<marquee >空格：确定。Esc 取消  </p></marquee>
<input type="button" name="mybutton" value="开  始"/>
</div>
<a href="${pageContext.request.contextPath}/person_list.do" style=" color:white;">后台管理--></a>
</div>
</div>
</body>
</html>