select2中文选项通过拼音或者首字母快速定位选项
来源:互联网 发布:通俗理解互补滤波算法 编辑:程序博客网 时间:2024/06/11 17:00
使用select2的时候,想通过拼音或者首字母检索下拉的选项,但是又没有通过ajax等技术去实现
这时候可以试试用这种伪方法~
效果图:
这时候可以试试用这种伪方法~
这种方法的好处就是快、方便使用
默认select2如图:
代码:
<div><select name="test" id="test"> <option value="1">王者荣耀|wangzherongyao|wzry</option> <option value="2">部落冲突|buluochongtu|blct</option> <option value="3">枪战王者|qiangzhanwangzhe|qzwz</option> <option value="4">永恒纪元|yonghengjiyuan|yhjy</option> <option value="5">英魂之刃|yinghunzhiren|yhzr</option> <option value="6">皇室战争|huangshizhanzheng|hszz</option> <option value="7">一起来飞车|yiqilaifeiche|yqlfc</option> <option value="8">海岛奇兵|haidaoqibing|hdqb</option> <option value="9">阴阳师|yinyangshi|yys</option> <option value="10">热血江湖|rexuejianghu|rxjh</option></select></div><script> $('#test').select2({ width:150, allowClear: true, formatResult: function (item) { var str = item.text; var idx = str.indexOf('|'); return str.substring(0,idx); }, formatSelection: function (item) { var str = item.text; var idx = str.indexOf('|'); return str.substring(0,idx); }, placeholder: '--请选择--' });</script>
效果图:
demo下载地址:
demo.zip
0 0
- select2中文选项通过拼音或者首字母快速定位选项
- 通过拼音首字母快速定位下拉列表选项
- JS获取中文拼音首字母,并通过拼音首字母快速查找页面内的中文内容
- JS获取中文拼音首字母,并通过拼音首字母快速查找页面内的中文内容
- 嵌入式 kernel下快速定位配置选项
- 中文转拼音首字母
- 获取中文拼音首字母
- Excel 中文拼音首字母
- 通过GBK编码提取中文汉字的拼音首字母
- select2不显示中文、ajax加载数据后不能选中的标签选项
- Select2下拉选项库 部分积累
- mssql 中文转拼音首字母
- 获取中文字符串拼音首字母
- 中文转拼音,首字母小写
- SQL 中文转换拼音首字母
- Delphi获取中文拼音首字母
- php 中文拼音首字母自动识别
- C#中文转拼音首字母
- Unity3D游戏开发之Lua与游戏的不解之缘下
- PHP实现基于mysqli的Model基类完整实例
- strlen的模拟实现
- IMWeb前端学习笔记——Day8
- 为什么Thinkphp 中的<if><volist>等标签不能用
- select2中文选项通过拼音或者首字母快速定位选项
- Ubuntu16.04不能挂载windows的分区
- 毕业设计ArcGIS相关操作
- Unity3D游戏开发之Lua与游戏的不解之缘(4)
- Android 常用命令
- 替换指定文件夹图片,并保留原来尺寸
- js时间格式化
- Leetcode 11. Container With Most Water
- 读《丰田精益管理 采购与供应商管理》