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 相关文章推荐
Jquery调用webService远程访问出错的解决方法
May 21 Javascript
javascript forEach通用循环遍历方法
Oct 11 Javascript
用javascript关闭本窗口不弹出询问框的方法
Sep 12 Javascript
基于jQuery 实现bootstrapValidator下的全局验证
Dec 07 Javascript
AngularJS 执行流程详细介绍
Aug 18 Javascript
让浏览器崩溃的12行JS代码(DoS攻击分析及防御)
Oct 10 Javascript
vuejs响应用户事件(如点击事件)
Mar 14 Javascript
详解使用Node.js 将txt文件转为Excel文件
Jul 05 Javascript
JS 实现banner图片轮播效果(鼠标事件)
Aug 04 Javascript
微信小程序自定义单项选择器样式
Jul 25 Javascript
如何使用Jquery动态生成二级选项列表
Feb 06 jQuery
ajax jquery实现页面某一个div的刷新效果
Mar 04 jQuery
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 中的str_replace 函数总结
2007/04/27 PHP
APACHE的AcceptPathInfo指令使用介绍
2013/01/18 PHP
PHP+jQuery 注册模块的改进(三):更新到Smarty3.1
2014/10/14 PHP
Laravel框架自定义分页样式操作示例
2020/01/26 PHP
jQuery学习笔记之jQuery选择器的使用
2010/12/22 Javascript
jQuery插件原来如此简单 jQuery插件的机制及实战
2012/02/07 Javascript
js 实现浏览历史记录示例
2014/04/20 Javascript
jQuery使用andSelf()来包含之前的选择集
2014/05/19 Javascript
JavaScript简单表格编辑功能实现方法
2015/04/16 Javascript
JavaScript在Android的WebView中parseInt函数转换不正确问题解决方法
2015/04/25 Javascript
全面解析JavaScript中“&amp;&amp;”和“||”操作符(总结篇)
2016/07/18 Javascript
jquery实现多次上传同一张图片
2017/01/09 Javascript
微信小程序 template模板详解及实例代码
2017/03/09 Javascript
Angular使用$http.jsonp发送跨站请求的方法
2017/03/16 Javascript
BackBone及其实例探究_动力节点Java学院整理
2017/07/14 Javascript
详解vue 单页应用(spa)前端路由实现原理
2018/04/04 Javascript
小程序点击图片实现自动播放视频
2020/05/29 Javascript
Vue+axios+WebApi+NPOI导出Excel文件实例方法
2019/06/05 Javascript
js实现踩五彩块游戏
2020/02/08 Javascript
JavaScript enum枚举类型定义及使用方法
2020/05/15 Javascript
使用Vue-cli 中为单独页面设置背景图片铺满全屏
2020/07/17 Javascript
解决VUE 在IE下出现ReferenceError: Promise未定义的问题
2020/11/07 Javascript
python实现图片变亮或者变暗的方法
2015/06/01 Python
python制作websocket服务器实例分享
2016/11/20 Python
Django 数据库同步操作技巧详解
2019/07/19 Python
IE9下html5初试小刀
2010/09/21 HTML / CSS
Big Green Smile德国网上商店:提供各种天然产品
2018/05/23 全球购物
财务总监管理岗位职责
2014/03/08 职场文书
益达广告词
2014/03/14 职场文书
小学生个人先进事迹材料
2014/05/08 职场文书
2014年中秋节活动总结
2014/08/29 职场文书
企业党员个人自我评价
2014/09/20 职场文书
学校领导班子四风对照检查材料
2014/09/27 职场文书
优秀教师申报材料
2014/12/16 职场文书
2016教师暑期培训学习心得体会
2016/01/09 职场文书
一篇文章弄懂MySQL查询语句的执行过程
2021/05/07 MySQL