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实现检测指定目录是否存在的方法
Jan 12 Javascript
javascript  Error 对象 错误处理
May 18 Javascript
JS正则验证邮箱的格式详细介绍
Nov 19 Javascript
jquery中show()、hide()和toggle()用法实例
Jan 15 Javascript
bootstrap3 兼容IE8浏览器!
May 02 Javascript
浅谈layer的iframe弹窗给里面的标签赋值的问题
Nov 10 Javascript
微信小程序模板之分页滑动栏
Feb 10 Javascript
详解js类型判断
May 22 Javascript
node中的cookie的具体使用
Sep 13 Javascript
js中数组对象去重的两种方法
Jan 18 Javascript
解决在Vue中使用axios用form表单出现的问题
Oct 30 Javascript
vue中改变滚动条样式的方法
Mar 03 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中的filesystem文件系统函数介绍及使用示例
2014/02/13 PHP
ThinkPHP的模版中调用session数据的方法
2014/07/01 PHP
解析WordPress中的post_class与get_post_class函数
2016/01/04 PHP
phpinfo无法显示的原因及解决办法
2019/02/15 PHP
PHP hebrev()函数用法讲解
2019/02/21 PHP
document.getElementById的简写方式(获取id对象的简略写法)
2010/09/10 Javascript
js对象转json数组的简单实现案例
2014/02/28 Javascript
将form表单中的元素转换成对象的方法适用表单提交
2014/05/02 Javascript
js实现顶部可折叠的菜单工具栏效果实例
2015/05/09 Javascript
深入剖析JavaScript编程中的对象概念
2015/10/21 Javascript
学习JavaScript设计模式(策略模式)
2015/11/26 Javascript
浅谈JavaScript的计时器对象
2016/12/26 Javascript
vue-cli2.0转3.0之项目搭建的详细步骤
2018/12/11 Javascript
JavaScript中.min.js和.js文件的区别讲解
2019/02/13 Javascript
nuxt 服务器渲染动态设置 title和seo关键字的操作
2020/11/05 Javascript
[02:54]DOTA2英雄基础教程 暗影牧师戴泽
2013/12/05 DOTA
python进阶教程之循环对象
2014/08/30 Python
详解如何使用Python编写vim插件
2017/11/28 Python
浅谈python标准库--functools.partial
2019/03/13 Python
超简单使用Python换脸实例
2019/03/27 Python
python tkinter窗口最大化的实现
2019/07/15 Python
django实现web接口 python3模拟Post请求方式
2019/11/19 Python
Django Serializer HiddenField隐藏字段实例
2020/03/31 Python
pycharm中如何自定义设置通过“ctrl+滚轮”进行放大和缩小实现方法
2020/09/16 Python
详解CSS3媒体查询响应式布局bootstrap 框架原理实战(推荐)
2020/11/16 HTML / CSS
日本PLST在线商店:日本时尚杂志刊载的人气服装
2016/12/10 全球购物
设备动力科岗位职责范本
2014/02/23 职场文书
培训班主持词
2014/03/28 职场文书
青年志愿者先进事迹
2014/05/06 职场文书
新农村建设汇报材料
2014/08/15 职场文书
2014年小学国庆节活动方案
2014/09/16 职场文书
2014派出所所长群众路线对照检查材料思想汇报
2014/09/18 职场文书
2015年全国科普日活动总结
2015/03/23 职场文书
品德与社会教学反思
2016/02/24 职场文书
Oracle笔记
2021/04/05 Oracle
UNION CREATIVE《Re:从零开始的异世界生活》雷姆手办
2022/03/20 日漫