温馨提示×

温馨提示×

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

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

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

发布时间:2020-07-05 19:29:02 来源:网络 阅读:1539 作者:mingliangniwo 栏目:web开发

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

需求是这样的:

   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();

       }


})

向AI问一下细节

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

AI