jquery 打开窗口返回值实现代码

战神_____

战神_____

2016-02-19 13:52

今天图老师小编要跟大家分享jquery 打开窗口返回值实现代码,精心挑选的过程简单易学,喜欢的朋友一起来学习吧!

代码如下:

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)
divget value:input type="text" name="inputname" id="inputname"/
div id="getvalue" style="display:none;"
div id="tl"/divdiv id="tr"/div
table style="border:1px solid #ccc ;width:500px;text-align:left;"
thead
tr
thnumber/th
thlast name/th
thfirst name/th
/tr
/thead
tbody
tr
td2/td
tdxing/td
tdge/td
/tr
tr
td3/td
tdxingad/td
tdgead/td
/tr
tr
td4/td
tdxingxing/td
tdge/td
/tr
/tbody
tfoot
tr
tdnumber/td
tdlast name/td
tdfirst name/td
/tr
/tfoot
/table
/div
/div

接下来我们写点JS代码实现这个功能:

代码如下:

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)
$(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
});
});
})
展开更多 50%)
分享

猜你喜欢

jquery 打开窗口返回值实现代码

Web开发
jquery 打开窗口返回值实现代码

改良Windows XP的打开窗口

windows 操作系统
改良Windows XP的打开窗口

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

jquery 弹出登录窗口实现代码

Web开发
jquery 弹出登录窗口实现代码

word启动时自动显示打开窗口

电脑入门
word启动时自动显示打开窗口

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

打破常规 改良Windows XP的打开窗口

windows 操作系统
打破常规 改良Windows XP的打开窗口

巧让Word启动时自动显示打开窗口

电脑入门
巧让Word启动时自动显示打开窗口

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

用Word插入题注功能轻松解决图表编号难题

用Word插入题注功能轻松解决图表编号难题

论坛UBB代码 推荐

论坛UBB代码 推荐
下拉加载更多内容 ↓