溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

類似淘寶設(shè)置默認(rèn)地址的功能

發(fā)布時間:2020-07-05 19:29:02 來源:網(wǎng)絡(luò) 閱讀:1539 作者:mingliangniwo 欄目:web開發(fā)

   最近工作中的一個需求要做一個類似淘寶設(shè)置默認(rèn)地址的功能,今天把關(guān)鍵代碼拿出來。

需求是這樣的:

   1.地址信息字段有收貨人、收貨地址、聯(lián)系電話、郵政編碼、操作。

   2.操作一列的值有默認(rèn)地址和設(shè)置默認(rèn)地址。平時只顯示默認(rèn)地址值,只有當(dāng)用戶的鼠標(biāo)到一行地址信息時,如果地址不是默認(rèn)地址,操作一列顯示“設(shè)置默認(rèn)地址”值,鼠標(biāo)移開時“設(shè)置默認(rèn)地址”值隱藏不見。

代碼:

<c:foreach items="" var="">

//tr表示一行地址信息

 <tr>

   <td></td>

   ···

   <td>//表示操作列    

     <a href="#">設(shè)置默認(rèn)地址<a/>

     <a href="#">默認(rèn)地址<a/>

   </td>

 </tr>

</c:foreach>


$("td").hover(function(){

       function(){

           //加判斷

           $(this).find("a").show();//a代碼

       },

       function(){

           //加判斷

           $(this).find("a").hide();

       }


})

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI