jquery 打开窗口返回值实现代码

159 阅读 0 评论 105 点赞

我是靠谱客的博主听话彩虹，最近开发中收集的这篇文章主要介绍jquery 打开窗口返回值实现代码，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

复制代码代码如下:

 
<div>get value:<input type="text" name="inputname" id="inputname"/> 
<div id="getvalue" style="display:none;"> 
<div id="tl"></div><div id="tr"></div> 
<table style="border:1px solid #ccc ;width:500px;text-align:left;"> 
<thead> 
<tr> 
<th>number</th> 
<th>last name</th> 
<th>first name</th> 
</tr> 
</thead> 
<tbody> 
<tr> 
<td>2</td> 
<td>xing</td> 
<td>ge</td> 
</tr> 
<tr> 
<td>3</td> 
<td>xingad</td> 
<td>gead</td> 
</tr> 
<tr> 
<td>4</td> 
<td>xingxing</td> 
<td>ge</td> 
</tr> 
</tbody> 
<tfoot> 
<tr> 
<td>number</td> 
<td>last name</td> 
<td>first name</td> 
</tr> 
</tfoot> 
</table> 
</div> 
</div> 

接下来我们写点JS代码实现这个功能：

复制代码代码如下:

 
$(document).ready(function(){ 
$("#inputname").focus(function(){ 
//alert('focus'); 
$("#getvalue").css("display",'block')//显示表格 
.addClass('hover') 
.find('table tr').dblclick(function(){//双击表格tr 
var text=$(this).find("td:eq(0)").text();//获取表格td的第一个的文本值 
//alert($text); 
$("#getvalue").css('display','none');//隐藏表格 
$("#inputname").val(text);//赋值Input 
}); 
}); 
}) 