JQuery autocomplete和Select2控件的技术总结

这篇博客总结了JQuery的autocomplete和Select2控件的使用方法,包括引入文件、前台代码编写、后台方法实现,以及效果展示。博主通过实践,详细介绍了这两个组件的配置和应用。
摘要由CSDN通过智能技术生成

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

写在前面的一些话

一个自称为后台程序员的我,对于前台的技术一向感冒的我,在面对公司高层大换血的动荡时期,不得不狗血的伪装成一个前后台的技术小白,艰难的攀爬。。。这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
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值