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 }); }); })
jquery 打开窗口返回值实现代码
声明:登载此文出于传递更多信息之目的,并不意味着赞同其观点或证实其描述。
Reply on: @reply_date@
@reply_contents@