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


Posted in Javascript onMarch 04, 2010
<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 相关文章推荐
setInterval 和 setTimeout会产生内存溢出
Feb 15 Javascript
向JavaScript的数组中添加元素的方法小结
Oct 24 Javascript
基于jquery实现下拉框美化特效
Feb 02 Javascript
javascript html5 canvas实现可拖动省份的中国地图
Mar 11 Javascript
JS实现pasteHTML兼容ie,firefox,chrome的方法
Jun 22 Javascript
js面向对象实现canvas制作彩虹球喷枪效果
Sep 24 Javascript
js select下拉联动 更具级联性!
Apr 17 Javascript
浅谈Vue响应式(数组变异方法)
May 07 Javascript
详解js模板引擎art template数组渲染的方法
Oct 09 Javascript
JavaScript 作用域scope简单汇总
Oct 23 Javascript
js前端如何写一个精确的倒计时代码
Oct 25 Javascript
JavaScript高级程序设计之变量与作用域
Nov 17 Javascript
jQuery入门知识简介
Mar 04 #Javascript
jQuery 获取URL参数的插件
Mar 04 #Javascript
老鱼 浅谈javascript面向对象编程
Mar 04 #Javascript
javascript实现的像java、c#之类的sleep暂停的函数代码
Mar 04 #Javascript
ExtJs之带图片的下拉列表框插件
Mar 04 #Javascript
JavaScript replace(rgExp,fn)正则替换的用法
Mar 04 #Javascript
JavaScript isPrototypeOf和hasOwnProperty使用区别
Mar 04 #Javascript
You might like
浅析php header 跳转
2013/06/17 PHP
浅析PHP的静态成员函数效率更高的原因
2014/06/13 PHP
php去除字符串中空字符的常用方法小结
2015/03/17 PHP
php微信公众号开发模式详解
2016/11/28 PHP
PHP递归删除多维数组中的某个值
2017/04/17 PHP
JQuery 学习笔记 element属性控制
2009/07/23 Javascript
原生javascript实现图片轮播效果代码
2010/09/03 Javascript
JavaScript高级程序设计 事件学习笔记
2011/09/10 Javascript
Express作者TJ告别Node.js奔向Go
2014/07/14 Javascript
JavaScript中Number对象的toFixed() 方法详解
2016/09/02 Javascript
分享一个原生的JavaScript拖动方法
2016/09/25 Javascript
Vue.JS入门教程之自定义指令
2016/12/08 Javascript
求js数组的最大值和最小值的四种方法
2017/03/03 Javascript
JavaScript数据结构之二叉树的查找算法示例
2017/04/13 Javascript
JS伪继承prototype实现方法示例
2018/06/20 Javascript
js实现简单选项卡功能
2020/03/23 Javascript
vue中v-text / v-html使用实例代码详解
2019/04/02 Javascript
小程序云开发获取不到数据库记录的解决方法
2019/05/18 Javascript
微信小程序实现收货地址左滑删除
2020/11/18 Javascript
jquery实现广告上下滚动效果
2021/03/04 jQuery
[01:13]2015国际邀请赛线下观战现场
2015/08/08 DOTA
用实例分析Python中method的参数传递过程
2015/04/02 Python
Android模拟器无法启动,报错:Cannot set up guest memory ‘android_arm’ Invalid argument的解决方法
2016/07/01 Python
总结python实现父类调用两种方法的不同
2017/01/15 Python
Python实现合并同一个文件夹下所有txt文件的方法示例
2018/04/26 Python
利用django-suit模板添加自定义的菜单、页面及设置访问权限
2018/07/13 Python
python3的数据类型及数据类型转换实例详解
2019/08/20 Python
python sorted方法和列表使用解析
2019/11/18 Python
Python模拟FTP文件服务器的操作方法
2020/02/18 Python
Python找出列表中出现次数最多的元素三种方式
2020/02/24 Python
什么是python的列表推导式
2020/05/26 Python
Python 数据的累加与统计的示例代码
2020/08/03 Python
保密承诺书范文
2014/03/27 职场文书
MySQL窗口函数的具体使用
2021/11/17 MySQL
浅析JavaScript中的变量提升
2022/06/01 Javascript
mysql sock 文件解析及作用讲解
2022/07/15 MySQL