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 相关文章推荐
js 覆盖和重载 函数
Sep 25 Javascript
js对象关系图 方便dom操作
Mar 18 Javascript
javascript 判断中文字符长度的函数代码
Aug 27 Javascript
给jQuery方法添加回调函数一款插件的应用
Jan 21 Javascript
JavaScript声明变量名的语法规则
Jul 10 Javascript
DEDECMS如何为文章添加HOT NEW标志图片
Aug 14 Javascript
Jquery轮播效果实现过程解析
Mar 30 Javascript
深入理解JavaScript中的尾调用(Tail Call)
Feb 07 Javascript
原生JS实现简单放大镜效果
Feb 08 Javascript
Vue filter介绍及其使用详解
Oct 21 Javascript
vue图片上传组件使用详解
Dec 23 Javascript
js模拟实现烟花特效
Mar 10 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格式化金额函数分享
2015/02/02 PHP
php读取本地json文件的实例
2018/03/07 PHP
PHP面向对象程序设计之构造方法和析构方法详解
2019/06/13 PHP
使用composer命令加载vendor中的第三方类库 的方法
2019/07/09 PHP
jQuery的实现原理的模拟代码 -2 数据部分
2010/08/01 Javascript
有关于JS辅助函数inherit()的问题
2013/04/07 Javascript
取消选中单选框radio的三种方式示例介绍
2013/12/23 Javascript
用JavaScript动态建立或增加CSS样式表的实现方法
2016/05/20 Javascript
js获取指定时间的前几秒
2017/04/05 Javascript
Vue绑定内联样式问题
2018/10/17 Javascript
深入理解JavaScript的值传递和引用传递
2018/10/24 Javascript
Vue 实现对quill-editor组件中的工具栏添加title
2020/08/03 Javascript
微信小程序picker组件两列关联使用方式
2020/10/27 Javascript
scrapy自定义pipeline类实现将采集数据保存到mongodb的方法
2015/04/16 Python
实例讲解Python中global语句下全局变量的值的修改
2016/06/16 Python
python opencv 图像尺寸变换方法
2018/04/02 Python
windows下python 3.6.4安装配置图文教程
2018/08/21 Python
Python操作SQLite数据库过程解析
2019/09/02 Python
Numpy之将矩阵拉成向量的实例
2019/11/30 Python
python如何随机生成高强度密码
2020/08/19 Python
Scrapy 配置动态代理IP的实现
2020/09/28 Python
Anaconda+spyder+pycharm的pytorch配置详解(GPU)
2020/10/18 Python
Python爬虫实现selenium处理iframe作用域问题
2021/01/27 Python
python matplotlib工具栏源码探析三之添加、删除自定义工具项的案例详解
2021/02/25 Python
使用CSS3的font-face字体嵌入样式的方法讲解
2016/05/13 HTML / CSS
美国婚礼装饰和活动用品批发供应商:Event Decor Direct
2018/10/12 全球购物
如何用SQL语句进行模糊查找
2015/09/25 面试题
日语翻译个人求职的自我评价
2013/10/14 职场文书
如何写毕业求职自荐信
2013/11/06 职场文书
学生实习推荐信范文
2013/11/26 职场文书
楼面部长岗位职责范本
2014/02/14 职场文书
2014新年元旦活动策划方案
2014/02/18 职场文书
大型公益活动策划方案
2014/08/20 职场文书
2019幼儿教师求职信(3篇)
2019/09/20 职场文书
豆瓣2021评分最高动画剧集-豆瓣评分最高的动画剧集2021
2022/03/18 日漫
【js设计模式】SOLID五大设计原则
2022/03/24 Javascript