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
});
});
})



相关阅读:
标记语言——短语元素
通过javascript设置css属性的代码
EES 框架 BLL层代码组织与介绍
用asp+xmlhttp编写web采集程序
Prototype实战教程----3.$F
基于Jquery的文字自动截取(提供源代码)
Dojo 学习要点
SQL Server的文件恢复技术
CSS教程(5):通过实例学习CSS背景
JavaScript 继承详解(三)
phpwind后台删除用户点选“直接删除”出错问题
VBS教程:方法-Remove 方法
Ajax使用杂谈 也许也是乱弹
规范HTML代码可以节省修改代码的时间
快速导航

Copyright © 2016 phpStudy |