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  – 选择2多选重复值

上一篇:android – 在扩展列表视图中添加了双子


下一篇:c# – 如何检查字符串是否包含两个以上的重复字符