JQuery autocomplete和Select2控件的技术总结

最近工作有点忙,难得等到周末,静下心来写写这大概两周遇到的小问题.

写在前面的一些话

一个自称为后台程序员的我,对于前台的技术一向感冒的我,在面对公司高层大换血的动荡时期,不得不狗血的伪装成一个前后台的技术小白,艰难的攀爬。。。这autocomplete和Select2使用起来确实费了很多时间,还是厚颜无耻的请教了百忙之中的公司前台技术人员才得以完成。。。

JQuery autocomplete 使用总结

题外话: 由于刚到公司,木有给我分配VPN,所以有些效果图不能在这展示了,去公司补上吧.

第一步: 先引入必要的文件

先引入必要的JS库文件和样式文件,当然了,还有一个自己写好JS文件(yg-wms-role-manager.js)

<link rel="stylesheet"type="text/css"href="${ctx}/assets/plugins/jquery-autocomplete/jquery.autocomplete.css"/>

<script type="text/javascript" src="${ctx}/assets/plugins/jquery-autocomplete/jquery.autocomplete.js"></script>

<script src="${ctx}/static/js/acl/role/yg-wms-role-manager.js"></script>
第二步: 写好一个需要调用此插件的前台代码

这是一个简单的input标签,由该标签去触发autocomplete

<li>
    <label class="c-h-ul-li-title" for="">角色名称:</label>
    <input type
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值