温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

类似淘宝设置默认地址的功能

发布时间:2020-07-05 19:29:02 阅读:1547 作者:mingliangniwo 栏目:web开发
开发者测试专用服务器限时活动,0元免费领,库存有限,领完即止! 点击查看>>

   最近工作中的一个需求要做一个类似淘宝设置默认地址的功能,今天把关键代码拿出来。

需求是这样的:

   1.地址信息字段有收货人、收货地址、联系电话、邮政编码、操作。

   2.操作一列的值有默认地址和设置默认地址。平时只显示默认地址值,只有当用户的鼠标到一行地址信息时,如果地址不是默认地址,操作一列显示“设置默认地址”值,鼠标移开时“设置默认地址”值隐藏不见。

代码:

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

//tr表示一行地址信息

 <tr>

   <td></td>

   ···

   <td>//表示操作列    

     <a href="#">设置默认地址<a/>

     <a href="#">默认地址<a/>

   </td>

 </tr>

</c:foreach>

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

       function(){

           //加判断

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

       },

       function(){

           //加判断

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

       }

})

亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI

开发者交流群×