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 一个关于图片onload加载的事
Nov 10 Javascript
node.js中的buffer.toJSON方法使用说明
Dec 14 Javascript
JavaScript实现拖拽网页内元素的方法
Apr 15 Javascript
分享五个有用的jquery小技巧
Oct 08 Javascript
jquery ztree异步搜索(搜叶子)实践
Feb 25 Javascript
JavaScript制作简单的框选图表
May 15 Javascript
bootstrap动态添加面包屑(breadcrumb)及其响应事件的方法
May 25 Javascript
JS实现websocket长轮询实时消息提示的效果
Oct 10 Javascript
vue+webpack模拟后台数据的示例代码
Jul 26 Javascript
vue2中,根据list的id进入对应的详情页并修改title方法
Aug 24 Javascript
JavaScript递归函数定义与用法实例分析
Jan 24 Javascript
vue-model实现简易计算器
Aug 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开发框架kohana中处理ajax请求的例子
2014/07/14 PHP
PHP中soap的用法实例
2014/10/24 PHP
功能强大的PHP POST提交数据类
2016/07/15 PHP
JavaScript 序列化对象实现代码
2009/12/18 Javascript
9个JavaScript评级/投票插件
2010/01/18 Javascript
使用jQuery操作Cookies的实现代码
2011/10/09 Javascript
重写javascript中window.confirm的行为
2012/10/21 Javascript
input 输入框获得/失去焦点时隐藏/显示文字(jquery版)
2013/04/02 Javascript
通过$(this)使用jQuery包装后的方法或属性
2014/05/18 Javascript
详解javascript中的事件处理
2015/11/06 Javascript
javascript针对不确定函数的执行方法
2015/12/16 Javascript
简单的jQuery banner图片轮播实例代码
2016/03/04 Javascript
jQuery中的Deferred和promise 的区别
2016/04/03 Javascript
JavaScript中的Number数字类型学习笔记
2016/05/26 Javascript
原生js实现下拉框功能(支持键盘事件)
2017/01/13 Javascript
详解如何构建一个Angular6的第三方npm包
2018/09/07 Javascript
laydate时间日历插件使用方法详解
2018/11/14 Javascript
JavaScript展开操作符(Spread operator)详解
2019/07/20 Javascript
Nest.js环境变量配置与序列化详解
2021/02/21 Javascript
python实现的阳历转阴历(农历)算法
2014/04/25 Python
简单说明Python中的装饰器的用法
2015/04/24 Python
在Mac下使用python实现简单的目录树展示方法
2018/11/01 Python
对python 生成拼接xml报文的示例详解
2018/12/28 Python
快速解决pyqt5窗体关闭后子线程不同时退出的问题
2019/06/19 Python
python+tkinter实现学生管理系统
2019/08/20 Python
python with (as)语句实例详解
2020/02/04 Python
HTML5通过调用canvas对象的getContext()方法来获取绘图环境
2014/06/23 HTML / CSS
Meli Melo官网:名媛们钟爱的英国奢侈手包品牌
2017/04/17 全球购物
linux面试题参考答案(7)
2014/07/24 面试题
用JAVA实现一种排序,JAVA类实现序列化的方法(二种)
2014/04/23 面试题
五星级酒店餐饮部总监的标准岗位职责
2014/02/17 职场文书
推荐信模板
2014/05/09 职场文书
公司员工安全协议书
2014/11/21 职场文书
企业计划生育责任书
2015/05/09 职场文书
tensorflow+k-means聚类简单实现猫狗图像分类的方法
2021/04/28 Python
Django一小时写出账号密码管理系统
2021/04/29 Python