這種方法的好處就是快、方便使用

預設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下載地址：