如何清除 select2 中的数据项

Question

我想重新填充我的 select2 的选项，旧选项应该只有新选项才可用。我有一个 select2 填充了以下数据：

$('select')
    .select2({
    data: [{
        id: 'Spock',
        text: 'Spock'
    }, {
        id: 'Kirk',
        text: 'Kirk'
    }]
})

现在我想用这样的 StarWars 替代品替换该选项：

$('select')
    .select2({
    data: [{
        id: 'Luke',
        text: 'Luke'
    }, {
        id: 'Darth',
        text: 'Darth'
    }]
})

两个脚本都是运行后的结果是包含 StarTrek 和 StarWars dudes 的 select2。如何删除旧项目？这是上面示例的 JsFiddle。

Answer 1

在使用 $('select').html(''); 替换 StarWars 替代品之前，您需要删除 select 框的先前选项。所以你的代码应该是这样的：

$('select')
    .select2({
    data: [{
        id: 'Spock',
        text: 'Spock'
    }, {
        id: 'Kirk',
        text: 'Kirk'
    }]
});

$('select').html('');   // use this to remove previous options

$('select')
    .select2({
    data: [{
        id: 'Luke',
        text: 'Luke'
    }, {
        id: 'Darth',
        text: 'Darth'
    }]
});

有关详细信息，请参阅此 fiddle。

如何清除 select2 中的数据项

How do I clear dataitems from select2

jquery-select2-4