jquery实现打开窗口返回值的效果

　　网页上常常有jquery实现打开窗口返回值的效果，当你的鼠标移入一个输入框时会弹出一个对话框让你选择填入该对话框的值，现在我们用Jquery简单的实现这种效果。

　　以下为实例代码：

<script type="text/javascript" src="http://www.veryhuo.com/uploads/Common/js/jquery.js?ver=2009.12.23"></script> <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> <script> $(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 }); }); }) </script><br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提示：可修改后代码再运行!

（编辑：上饶站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!