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')
    .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中的数据项

1 个答案: