网页上常常有jquery实现打开窗口返回值的效果,当你的鼠标移入一个输入框时会弹出一个对话框让你选择填入该对话框的值,现在我们用Jquery简单的实现这种效果。
以下为实例代码:
<script type="text/javascript" src="http://www.wfuyu.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(){//双击表格trvar 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.wfuyu.com/' target='_blank'>http://www.wfuyu.com/</a></center>提示:可修改后代码再运行!
上一篇 瞎掰网:教你巧用视频短片做网站推广
下一篇 SQL 2005的数据修改语言(XML DML)