代码如下:
(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)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/th
thlast name/th
thfirst name/th
/tr
/thead
tbody
tr
td2/td
tdxing/td
tdge/td
/tr
tr
td3/td
tdxingad/td
tdgead/td
/tr
tr
td4/td
tdxingxing/td
tdge/td
/tr
/tbody
tfoot
tr
tdnumber/td
tdlast name/td
tdfirst name/td
/tr
/tfoot
/table
/div
/div
接下来我们写点JS代码实现这个功能:
代码如下:
(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)$(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
});
});
})