jquery 打开窗口返回值实现代码
作者:bea
代码如下: <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 #cc
代码如下:
<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下4个跨浏览器必备的函数
- Zero Clipboard js+swf实现的复制功能使用方法
- GWT中复制到剪贴板 js+flash实现复制 兼容性比较好
- javascript实现面向对象类的功能书写技巧
- js实现的真正的iframe高度自适应(兼容IE,FF,Opera)
- 全选并改变TR颜色的javascript实现代码
- jQuery html() in Firefox (uses .innerHTML) ignores DOM changes
- Jquery Validation插件防止重复提交表单的解决方法
- javascript下判断一个元素是否存在的代码
- ExtJs扩展之GroupPropertyGrid代码
- js 获取服务器控件值的代码
- jquery checkbox全选、取消全选实现代码
- javascript 隐藏/显示指定的区域附HTML元素【legend】用法
- ExtJS 工具栏 分页事件参数
- Microsoft Ajax Minifier 压缩javascript的方法
- JavaScript屏蔽指定区域内右键菜单
- javascript 浏览器检测代码精简版
- 前端开发部分总结[兼容性、DOM操作、跨域等](持续更新)
- jquery与google map api结合使用 控件,监听器