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 相关文章推荐
javascript脚本编程解决考试分数统计问题
Oct 18 Javascript
js中访问html中iframe的文档对象的代码[IE6,IE7,IE8,FF]
Jan 08 Javascript
autoPlay 基于jquery的图片自动播放效果
Dec 07 Javascript
JS复制内容到剪切板的实例代码(兼容IE与火狐)
Nov 19 Javascript
node.js中的http.createServer方法使用说明
Dec 14 Javascript
总结JavaScript的正则与其他语言的不同之处
Aug 25 Javascript
解决AjaxFileupload 上传时会出现连接重置的问题
Jul 07 Javascript
node文件批量重命名的方法示例
Oct 23 Javascript
微信小程序事件对象中e.target和e.currentTarget的区别详解
May 08 Javascript
如何换个角度使用VUE过滤器详解
Sep 11 Javascript
p5.js绘制旋转的正方形
Oct 23 Javascript
一小时迅速入门Mybatis之bind与多数据源支持 Java API
Sep 15 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
解决phpmyadmin中文乱码问题。。。
2007/01/18 PHP
PHP下通过exec获得计算机的唯一标识[CPU,网卡 MAC地址]
2011/06/09 PHP
学习php设计模式 php实现门面模式(Facade)
2015/12/07 PHP
PHP中strnatcmp()函数“自然排序算法”进行字符串比较用法分析(对比strcmp函数)
2016/01/07 PHP
用prototype实现的简单小巧的多级联动菜单
2007/03/24 Javascript
jQuery Tools tab使用介绍
2012/07/14 Javascript
JavaScript通过元素索引号删除数组中对应元素的方法
2015/03/18 Javascript
动态加载js文件简单示例
2016/04/21 Javascript
js与jquery正则验证电子邮箱、手机号、邮政编码的方法
2016/07/04 Javascript
Javascript自定义事件详解
2017/01/13 Javascript
基于JS对象创建常用方式及原理分析
2017/06/28 Javascript
js实现一个简单的MVVM框架示例
2018/01/15 Javascript
详解Nuxt.js部署及踩过的坑
2018/08/07 Javascript
vue实现添加与删除图书功能
2018/10/07 Javascript
引入外部js脚本加载慢与页面白屏问题的解决
2018/12/10 Javascript
PHPStorm中如何对nodejs项目进行单元测试详解
2019/02/28 NodeJs
关于ligerui子页面关闭后,父页面刷新,重新加载的方法
2019/09/27 Javascript
js+css3实现简单时钟特效
2020/09/13 Javascript
Vue包大小优化的实现(从1.72M到94K)
2021/02/18 Vue.js
mac安装pytorch及系统的numpy更新方法
2018/07/26 Python
在pycharm中设置显示行数的方法
2019/01/16 Python
wxPython之wx.DC绘制形状
2019/11/19 Python
python  ceiling divide 除法向上取整(或小数向上取整)的实例
2019/12/27 Python
python创建文本文件的简单方法
2020/08/30 Python
python lambda的使用详解
2021/02/26 Python
Omio美国:全欧洲低价大巴、火车和航班搜索和比价
2017/11/08 全球购物
PHP如何防止SQL注入
2014/05/03 面试题
外企测试工程师面试题
2015/02/01 面试题
Java如何获得ResultSet的总行数
2016/09/03 面试题
统计员岗位职责
2013/11/14 职场文书
项目建议书格式
2014/03/12 职场文书
银行授权委托书范本
2014/10/04 职场文书
工厂门卫岗位职责
2015/04/13 职场文书
2015年法院工作总结范文
2015/04/28 职场文书
个人落户申请书怎么写?
2019/06/28 职场文书
商业计划书之服装
2019/09/09 职场文书