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复制对象使用说明
Jun 28 Javascript
jQuery的attr与prop使用介绍
Oct 10 Javascript
javascript父子页面通讯实例详解
Jul 17 Javascript
轻松学习jQuery插件EasyUI EasyUI实现拖放商品放置购物车
Nov 30 Javascript
Vue.js路由vue-router使用方法详解
Mar 20 Javascript
使用jQuery实现页面定时弹出广告效果
Aug 24 jQuery
JS实现获取自定义属性data值的方法示例
Dec 19 Javascript
vue.js使用v-model实现表单元素(input) 双向数据绑定功能示例
Mar 08 Javascript
微信小程序实现传递多个参数与事件处理
Aug 12 Javascript
vue 使用element-ui中的Notification自定义按钮并实现关闭功能及如何处理多个通知
Aug 17 Javascript
layUI使用layer.open,在content打开数据表格,获取值并返回的方法
Sep 26 Javascript
JS的深浅复制详细
Oct 16 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
全国FM电台频率大全 - 8 黑龙江省
2020/03/11 无线电
PHP Ajax中文乱码问题解决方法
2009/02/27 PHP
破解.net程序(dll文件)编译和反编译方法
2013/01/31 PHP
php实现json编码的方法
2015/07/30 PHP
php 自定义错误日志实例详解
2016/11/12 PHP
PHP面向对象程序设计之多态性的应用示例
2018/12/19 PHP
PDO::getAvailableDrivers讲解
2019/01/28 PHP
国外Lightbox v2.03.3 最新版 下载
2007/10/17 Javascript
一个js写的日历(代码部分网摘)
2009/09/20 Javascript
7个Javascript地图脚本整理
2009/10/20 Javascript
JavaScript 语法集锦 脚本之家基础推荐
2009/11/15 Javascript
程序员必知35个jQuery 代码片段
2015/11/05 Javascript
JavaScript暂停和继续定时器的实现方法
2016/07/18 Javascript
浅谈toLowerCase和toLocaleLowerCase的区别
2016/08/15 Javascript
JS实现页面跳转参数不丢失的方法
2016/11/28 Javascript
客户端(vue框架)与服务器(koa框架)通信及服务器跨域配置详解
2017/08/26 Javascript
vue-router之实现导航切换过渡动画效果
2019/10/31 Javascript
[01:51]2014DOTA2国际邀请赛 这个赛场没有失败者VGTi5再见
2014/07/23 DOTA
Python中使用不同编码读写txt文件详解
2015/05/28 Python
Python爬虫实战之12306抢票开源
2019/01/24 Python
PyQt5 窗口切换与自定义对话框的实例
2019/06/20 Python
pandas按行按列遍历Dataframe的几种方式
2019/10/23 Python
基于python3生成标签云代码解析
2020/02/18 Python
HTML5中5个简单实用的API
2014/04/28 HTML / CSS
深入解析HTML5 Canvas控制图形矩阵变换的方法
2016/03/24 HTML / CSS
意大利制造的西装、衬衫和针对男士量身定制的服装:Lanieri
2018/04/08 全球购物
新西兰航空中国官网:Air New Zealand China
2018/07/24 全球购物
小米俄罗斯授权商店:Xiaomi俄罗斯
2019/12/08 全球购物
俄罗斯家居用品购物网站:Евродом
2020/11/21 全球购物
自荐信的禁忌和要点
2013/10/15 职场文书
机械专业应届生求职信
2013/12/12 职场文书
班组长安全职责
2014/01/05 职场文书
2014自主招生自荐信策略
2014/01/27 职场文书
大学生考试作弊检讨书1000字
2014/10/14 职场文书
公司停电通知
2015/04/15 职场文书
2015年化妆品销售工作总结
2015/05/11 职场文书