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 相关文章推荐
event.currentTarget与event.target的区别介绍
Dec 31 Javascript
js获取URL的参数的方法(getQueryString)示例
Sep 29 Javascript
javascript抖动元素的小例子
Oct 28 Javascript
Bootstrap每天必学之滚动监听
Mar 16 Javascript
解析微信JS-SDK配置授权,实现分享接口
Dec 09 Javascript
微信小程序tabbar不显示解决办法
Jun 08 Javascript
微信小程序动态增加按钮组件
Sep 14 Javascript
详解多页应用 Webpack4 配置优化与踩坑记录
Oct 16 Javascript
推荐几个不错的console调试技巧实现
Dec 20 Javascript
typescript配置alias的详细步骤
Aug 12 Javascript
Vue左滑组件slider使用详解
Aug 21 Javascript
Vant+postcss-pxtorem 实现浏览器适配功能
Feb 05 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中加密解密函数与DES加密解密实例
2014/10/17 PHP
PHP查询并删除数据库多列重复数据的方法(利用数组函数实现)
2016/02/23 PHP
详解PHP原生DOM对象操作XML的方法
2016/10/17 PHP
php-fpm超时时间设置request_terminate_timeout资源问题分析
2019/09/27 PHP
javascript 隔行换色函数代码
2010/10/24 Javascript
javascript跟随滚动效果插件代码(javascript Follow Plugin)
2013/08/03 Javascript
node.js中的http.response.end方法使用说明
2014/12/14 Javascript
node.js中的fs.fchmodSync方法使用说明
2014/12/16 Javascript
JavaScript实现列出数组中最长的连续数
2014/12/29 Javascript
JavaScript修改浏览器tab标题小技巧
2015/01/06 Javascript
js实现ifram取父窗口URL地址的方法
2015/02/09 Javascript
jQuery实现下拉加载功能实例代码
2016/04/01 Javascript
浅析$.getJSON异步请求和同步请求
2016/06/06 Javascript
点击按钮出现60秒倒计时的简单js代码(推荐)
2016/06/07 Javascript
EasyUI加载完Html内容样式渲染完成后显示
2016/07/25 Javascript
jQuery+css实现非常漂亮的水平导航菜单效果
2016/07/27 Javascript
JS原型和原型链原理与用法实例详解
2020/02/05 Javascript
详细分析Node.js 多进程
2020/06/22 Javascript
vue中echarts图表大小适应窗口大小且不需要刷新案例
2020/07/19 Javascript
vue中实现点击变成全屏的多种方法
2020/09/27 Javascript
[02:28]PWL开团时刻DAY3——Ink Ice与DeMonsTer之间的勾心斗角
2020/11/03 DOTA
Mac OS X10.9安装的Python2.7升级Python3.3步骤详解
2013/12/04 Python
python实现的二叉树算法和kmp算法实例
2014/04/25 Python
深入理解python try异常处理机制
2016/06/01 Python
python用模块zlib压缩与解压字符串和文件的方法
2016/12/16 Python
Python之多线程爬虫抓取网页图片的示例代码
2018/01/10 Python
python操作excel的包(openpyxl、xlsxwriter)
2018/06/11 Python
Python学习笔记之变量、自定义函数用法示例
2019/05/28 Python
使用python实现希尔、计数、基数基础排序的代码
2019/12/25 Python
Python中logging日志库实例详解
2020/02/19 Python
python3将变量写入SQL语句的实现方式
2020/03/02 Python
护士专业推荐信
2013/11/02 职场文书
小学岗位竞聘方案
2014/01/22 职场文书
2016年暑期教师培训心得体会
2016/01/09 职场文书
golang gopm get -g -v 无法获取第三方库的解决方案
2021/05/05 Golang
JavaScript展开运算符和剩余运算符的区别详解
2022/02/18 Javascript