最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

javascript - Select2: Can't create new options longer than 2 characters (tag: true) - Stack Overflow

programmeradmin0浏览0评论

I have a Select2 Box, with tagging enabled to add new own tags. Selecting an existing option works without any problem (of any length). But some code prevents me from adding a new option longer than 2 characters long (just can't add more characters). See the JSFiddle

<select class="form-control select2" multiple="multiple" id="employee-groups-select" name="employee[employee_group_ids][]">
    <option value="4">Text1</option>
    <option value="1">Text2</option>
    <option value="3">Text3</option>
    <option value="2">Text4</option>
</select>

jQuery code to initialize the select2

$('#employee-groups-select').select2({
          theme: 'bootstrap4',
          tags: true,
          width: '100%',
          tokenSeparators: [',', ' '],
 });

Help is highly appreciated. I have no idea where to look.

I have a Select2 Box, with tagging enabled to add new own tags. Selecting an existing option works without any problem (of any length). But some code prevents me from adding a new option longer than 2 characters long (just can't add more characters). See the JSFiddle

<select class="form-control select2" multiple="multiple" id="employee-groups-select" name="employee[employee_group_ids][]">
    <option value="4">Text1</option>
    <option value="1">Text2</option>
    <option value="3">Text3</option>
    <option value="2">Text4</option>
</select>

jQuery code to initialize the select2

$('#employee-groups-select').select2({
          theme: 'bootstrap4',
          tags: true,
          width: '100%',
          tokenSeparators: [',', ' '],
 });

Help is highly appreciated. I have no idea where to look.

Share Improve this question edited May 9, 2019 at 7:15 fydelio asked May 8, 2019 at 18:05 fydeliofydelio 9631 gold badge9 silver badges24 bronze badges 2
  • How you are doing this?: But some code prevents me from adding a new option longer than 2 characters long – Dani Commented May 9, 2019 at 7:21
  • @Dani, please see the JSFiddle provided in the description: jsfiddle/rqyzupjv/2 – fydelio Commented May 9, 2019 at 8:27
Add a ment  | 

2 Answers 2

Reset to default 11

Seems to be a bug / patibility issue between the latest select2.js library 4.0.7 and jQuery 3.4.x. See the issue on Github: https://github./select2/select2/issues/5485

UPDATE: Got fixed in version 4.0.8

The slect2 4.0.8 appears to fix it, here it works!

发布评论

评论列表(0)

  1. 暂无评论