jquery 打开窗口返回值实现代码
发布时间:2020-12-14 22:20:27 所属栏目:资源 来源:网络整理
导读:复制代码 代码如下: 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/t
复制代码 代码如下: <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 }); }); }) (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |