select2中文选项通过拼音或者首字母快速定位选项

使用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

select2中文选项通过拼音或者首字母快速定位选项相关推荐

实用小技巧，mysql中文字段转拼音（首字母/全拼）
在项目中需要用到拼音首字母查询,新增了一个字段,把原中文字段的首字母存储到另一个字段 update 表名 set 拼音字段 = fun_pinyin(原字段,true/false) 调用该存储函数, ...
js将中文转换成拼音可首字母大写
地址:http://lazycms.googlecode.com/svn/other/Pinyin.js 使用方法: <script src="Pinyin.js" type ...
实现下拉框的汉字、拼音、首字母大小写，全拼检索选项
调用这个工具类,可以实现下拉框的汉字.拼音.首字母大小写,全拼检索选项 import java.util.Arrays;import net.sourceforge.pinyin4j.PinyinHe ...
js转换中文为拼音以及首字母
转换中文为拼音以及首字母 toPinyin (中文转拼音) 引入: import toPinyin from '@/util/function/pinyin' 使用: toPinyin('中1文') ...
JS获取中文拼音首字母，并通过拼音首字母快速查找页面内的中文内容
实现效果: 图一: 图二: 此例中输入的中文字符串"万万保重",有三个字是多音字,所以alert对话框中显示的是多种读音的组合: 如何实现? 如何实现通过拼音首字母快速查找页面内的 ...
JS实现中文转拼音（首字母大写和首字母简拼）通用于mui、小程序等
一.将汉字翻译为拼音,其中每一个字的首字母大写: 使用方式: pinyin.getFullChars(this.value); 二.将每汉字的拼音首字母提取出来,是大写的形式. pinyin.getC ...
mysql 汉字转拼音_mysql --中文转汉语拼音，取首字母
直接上需求 1.地点表如下原数据库表是没有FIRST_LETTER这个字段的. 需求:在原表的基础上增加一列,要求该列是字段LOCATION_NAME拼音的首字母. 直接上SQL Select lo ...
JS实现中文转拼音（首字母大写和首字母简拼）
1)将汉字翻译为拼音,其中每一个字的首字母大写: 使用方式: pinyin.getFullChars(this.value); 2)将每汉字的拼音首字母提取出来,是大写的形式. pinyin.getC ...
wp手机开发之获取汉字拼音的首字母
wp手机开发之获取汉字拼音的首字母本文章来介绍一下关于wp手机开发之获取汉字拼音的首字母,以前也有讲过获取汉字全部拼音下面我们来看看教程吧. 今天介绍一种新的方法,使用codeplex上开源的项目G ...

select2中文选项通过拼音或者首字母快速定位选项

select2中文选项通过拼音或者首字母快速定位选项相关推荐

最新文章

热门文章