javascript – 选择2多选重复值

http://jsfiddle.net/tXFbk/2/

HTML：

<div class="control-group">
    <label for="some_id" class="control-label">Some ID</label>
    <div class="controls">
        <input type="text" id="some_id" name="some_id" class="span4"/>
    </div>
</div>

JS：

$(function() {
    $('#some_id').select2({
        allowClear: true,
        placeholder: 'Some ID',
        minimumInputLength: 2,
        multiple: true,
        data: [
            {id: 1, text: 'some text'},
            {id: 2, text: 'some other text'},
            {id: 3, text: 'some more text'}
        ]
    });
    $('#some_id').select2('data', [
        {'id':1,'text':'some text'}
    ]);

    console.log($('#some_id').select2('val'));
});

在第一次加载时,它会复制值,在清除值后,它不会从输入中清除它.此外,如果您添加一个项目(例如“更多文本”)然后删除它,它不会从输入值中清除它.有没有办法让它停止重复值？
还有一件事 – 如何禁用添加已添加的项目？

解决方法:

Select2 4.0.0支持重复标签.

Jsfiddle Demo link

$eventSelect.on("select2:select", function (e) { 
    log("select2:select", e);
  $eventSelect.append('<option value="'+e.params.data.text+'">' +e.params.data.text + '</option>');
});

$eventSelect.on("select2:unselect", function (e) { 
    log("select2:unselect", e); 
    e.params.data.element.remove();
});

function formatResultData (data) {
  if (!data.id) return data.text;
  if (data.element.selected) return
  return data.text;
};

基于select2事件和github issues

图：

标签：javascript,duplicates,jquery-select2
来源： https://codeday.me/bug/20190629/1328812.html