jquery 打開窗口返回值實(shí)現(xiàn)代碼
更新時(shí)間:2010年03月04日 18:35:14 作者:
網(wǎng)頁(yè)上常常有這種效果,當(dāng)你的鼠標(biāo)移入一個(gè)輸入框時(shí)會(huì)彈出一個(gè)對(duì)話框讓你選擇填入該對(duì)話框的值,現(xiàn)在我們用Jquery簡(jiǎn)單的實(shí)現(xiàn)這種效果。
復(fù)制代碼 代碼如下:
<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>
接下來(lái)我們寫點(diǎn)JS代碼實(shí)現(xiàn)這個(gè)功能:
復(fù)制代碼 代碼如下:
$(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的第一個(gè)的文本值
//alert($text);
$("#getvalue").css('display','none');//隱藏表格
$("#inputname").val(text);//賦值Input
});
});
})
相關(guān)文章
基于jQuery實(shí)現(xiàn)發(fā)送短信驗(yàn)證碼后的倒計(jì)時(shí)功能(無(wú)視頁(yè)面關(guān)閉)
最近做了一個(gè)項(xiàng)目,其中有需求要求實(shí)現(xiàn)發(fā)送短信驗(yàn)證碼后倒計(jì)時(shí)功能,其中有個(gè)難點(diǎn):要求關(guān)閉頁(yè)面也進(jìn)行倒計(jì)時(shí)。好吧,下面小編把jquery 發(fā)送驗(yàn)證碼倒計(jì)時(shí)的實(shí)現(xiàn)代碼分享給大家,大家可以參考下2016-09-09jQuery實(shí)現(xiàn)發(fā)送驗(yàn)證碼控制按鈕禁用功能
最近接到新需求,需要實(shí)現(xiàn)一個(gè)點(diǎn)擊發(fā)送驗(yàn)證碼之后,按鈕禁用,在5秒之后取消禁用,看似需求很簡(jiǎn)單,實(shí)現(xiàn)起來(lái)還真的好好動(dòng)動(dòng)腦筋,下面小編把jquery控制按鈕禁用核心代碼分享給大家,需要的朋友參考下吧2021-07-07jquery 面包屑導(dǎo)航 具體實(shí)現(xiàn)
jquery 面包屑導(dǎo)航 具體實(shí)現(xiàn),需要的朋友可以參考一下2013-06-06c#+jquery實(shí)現(xiàn)獲取radio和checkbox的值
這篇文章主要介紹了c#結(jié)合jquery實(shí)現(xiàn)獲取radio和checkbox的value值的方法,將代碼分享給大家,需要的朋友可以參考下2014-12-12jQuery實(shí)現(xiàn)表單input中提示文字value隨鼠標(biāo)焦點(diǎn)移進(jìn)移出而顯示或隱藏的代碼
表單input中提示文字value隨鼠標(biāo)焦點(diǎn)移進(jìn)移出而顯示或隱藏的jQuery代碼2010-03-03jQuery獲取頁(yè)面元素絕對(duì)與相對(duì)位置的方法
這篇文章主要介紹了jQuery獲取頁(yè)面元素絕對(duì)與相對(duì)位置的方法,涉及jQuery中offset、position等方法的使用技巧,需要的朋友可以參考下2015-06-06