DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jquery 打開窗口返回值實現代碼
jquery 打開窗口返回值實現代碼
編輯:JQuery特效代碼     
代碼如下:
<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
});
});
})
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved