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面向对象编程代码
Dec 19 Javascript
jQuery中index()的用法分析
Sep 05 Javascript
jQuery自定义添加&quot;$&quot;与解决&quot;$&quot;冲突的方法
Jan 19 Javascript
jQuery实现气球弹出框式的侧边导航菜单效果
Sep 22 Javascript
javascript实现任务栏消息提示的简单实例
May 31 Javascript
form+iframe解决跨域上传文件的方法
Nov 18 Javascript
实例介绍JavaScript中多种组合继承
Jan 20 Javascript
微信小程序之onLaunch与onload异步问题详解
Mar 28 Javascript
javaScript中indexOf用法技巧
Nov 26 Javascript
node运行js获得输出的三种方式示例详解
Jul 02 Javascript
Antd-vue Table组件添加Click事件,实现点击某行数据教程
Nov 17 Javascript
javascript实现简单页面倒计时
Mar 02 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
thinkphp微信开之安全模式消息加密解密不成功的解决办法
2015/12/02 PHP
php实现中文转数字
2016/02/18 PHP
Laravel如何同时连接多个数据库详解
2019/08/13 PHP
php的无刷新操作实现方法分析
2020/02/28 PHP
TP5框架页面跳转样式操作示例
2020/04/05 PHP
php与阿里云短信接口接入操作案例分析
2020/05/27 PHP
js实现DIV的一些简单控制
2007/06/04 Javascript
Extjs学习笔记之七 布局
2010/01/08 Javascript
javascript游戏开发之《三国志曹操传》零部件开发(一)让静态人物动起来
2013/01/23 Javascript
基于OO的动画附加插件,可以实现弹跳、渐隐等动画效果 分享
2013/06/24 Javascript
js 通用订单代码
2013/12/23 Javascript
js表单提交和submit提交的区别实例分析
2015/12/10 Javascript
Node.js制作简单聊天室
2017/01/12 Javascript
jQuery实现键盘回车搜索功能
2017/07/25 jQuery
mui 打开新窗口的方式总结及注意事项
2017/08/20 Javascript
vue项目设置scrollTop不起作用(总结)
2018/12/21 Javascript
vue实现微信分享链接添加动态参数的方法
2019/04/29 Javascript
python构建深度神经网络(续)
2018/03/10 Python
Python实现的本地文件搜索功能示例【测试可用】
2018/05/30 Python
django主动抛出403异常的方法详解
2019/01/04 Python
Python操作列表常用方法实例小结【创建、遍历、统计、切片等】
2019/10/25 Python
使用python+whoosh实现全文检索
2019/12/09 Python
HTML5+CSS3网页加载进度条的实现,下载进度条的代码实例
2016/12/30 HTML / CSS
利用HTML5中的Canvas绘制一张笑脸的教程
2015/05/07 HTML / CSS
如何让pre和textarea等HTML元素去掉滚动条自动换行自适应文本内容高度
2019/08/01 HTML / CSS
美国受欢迎的女性牛仔裤品牌:DL1961
2016/11/12 全球购物
世界上最大的专业美容用品零售商:Sally Beauty
2017/07/02 全球购物
无谷物狗粮:Pooch & Mutt
2018/05/23 全球购物
微软加拿大官方网站:Microsoft Canada
2019/04/28 全球购物
SHEIN台湾:购买最新流行女装服饰
2019/05/18 全球购物
Timberland俄罗斯官方网上商店:全球领先的户外品牌
2020/03/15 全球购物
电大自我鉴定
2013/10/27 职场文书
银行主办会计岗位职责
2014/08/13 职场文书
房屋转让协议书
2014/10/18 职场文书
工程质检员岗位职责
2015/04/08 职场文书
导游词之广州陈家祠
2019/10/21 职场文书