jquery表格中鼠标按下，选择单元格范围的事件
希望高手给出一份完整的代码。可以发送邮件到stvsui@hotmail.com中。要求：一个table表格，只需要在列里，共有100列，其中任意列按下鼠标后，可以对选中的...
希望高手给出一份完整的代码。可以发送邮件到stvsui@hotmail.com中。
要求：一个table表格，只需要在列里，共有100列，其中任意列按下鼠标后，可以对选中的多个单元格设置背景色，并可以知道哪些被选中。就像是Excel拖着选单元格那样。
另外，还需要返回给出所选的，行ID及列范围。
选中范围的单元格，需要合并后加入一个有边框的div。谢谢~~
由于本人大都高后台，所以对于前台的JS一直没怎么系统的学习过，现在在做一个小工具的时候，遇到个问题，希望得到JS大神们的帮助，谢谢。
希望高手给出一份完整的可以执行的代码，多谢~~~
要求：Jquery。
（1）一个table表格有4行40列。
（2）在任意单元格，按下鼠标后，可以选中多个列（只能是列），松开鼠标后，这些单元格的背景色变化。（就像是Excel拖动单元格选择似的那种）
（3）有一个函数接收并打印出来，（2）操作的：行ID，列（StartID，EndID)
另外，
如果所选中的那些单元格，可不可以合并，然后添加有边框的一个DIV。
如果有这方面的插件希望也能推荐下（但不是要那种点击后，输入的…………） 展开
要求：一个table表格，只需要在列里，共有100列，其中任意列按下鼠标后，可以对选中的多个单元格设置背景色，并可以知道哪些被选中。就像是Excel拖着选单元格那样。
另外，还需要返回给出所选的，行ID及列范围。
选中范围的单元格，需要合并后加入一个有边框的div。谢谢~~
由于本人大都高后台，所以对于前台的JS一直没怎么系统的学习过，现在在做一个小工具的时候，遇到个问题，希望得到JS大神们的帮助，谢谢。
希望高手给出一份完整的可以执行的代码，多谢~~~
要求：Jquery。
（1）一个table表格有4行40列。
（2）在任意单元格，按下鼠标后，可以选中多个列（只能是列），松开鼠标后，这些单元格的背景色变化。（就像是Excel拖动单元格选择似的那种）
（3）有一个函数接收并打印出来，（2）操作的：行ID，列（StartID，EndID)
另外，
如果所选中的那些单元格，可不可以合并，然后添加有边框的一个DIV。
如果有这方面的插件希望也能推荐下（但不是要那种点击后，输入的…………） 展开
4个回答
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
<html xmlns="
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test</title>
<script type="text/javascript" src="
<script type="text/javascript">
!window.jQuery && document.write('<script src=
);
</script>
<script type="text/javascript">
var key = 0;
var arrPos = new Array();
$(document).ready(function(){
$("td").css("height","20px");
$("#tab").mousemove(function(e){
var x = e.clientX, y = e.clientY;
if (arrPos.length > 0) {
if (y <= arrPos[0][1]+10 &&y >= arrPos[0][1]-10 &&1==key && e.target.tagName =="TD")
{
$(e.target).css("background","#666").addClass("selected");
}
}
});
$("#tab").mousedown(function(e){
var x = e.clientX, y = e.clientY;
arrPos.push(Array(x,y));
$("#result").html("X:"+x+";Y:"+y)
key=1;
});
$("#tab").mouseup(function(e){
arrPos=new Array();
key=0;
});
})
</script>
</head>
<body onselectstart="return false">
<table width="1200" border="1" cellspacing="1" cellpadding="1" id="tab">
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<div id ="result"></div>
</body>
</html>
实现了你说的1,2的功能 偶尔还是会跨行选。。你参考下吧。用js来完成excel的功能，很不好弄。。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
用jquery-easyui里面有datagrid
追问
datagrid是可以输入的，不要那种。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
找一个插件不就ok了，如miniui，easyui等等
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
楼主 这个 实现了吗？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
