mooselecta: 动态更新 a select

Question

在我们当前的项目中，我们必须基于 mootools 维护其他人的代码库。我们大量使用这个插件 https://github.com/DimitarChristoff/mooSelecta 来设计我们的 select 标签。基本上这个插件以编程方式创建普通 select 的样式 div 表示并将 select 标签移出视口。

我需要根据 ajax 调用填充 select 标记。这适用于 select 本身，但样式 div（由 mooselecta 创建）未更新 - 它一直显示旧值。

是否有机会使用普通 javascript 更新此 div？

提前致谢！

Answer 1

这是我考虑的 'abandonware' - 虽然我是 mooSelecta 的作者 - 这是我发布的第一个 mootools class。

无论如何，列表的动态更新和重建存在问题 - 我刚刚推送了一个修复程序并将其标记为 1.6.1

参见example/index。html

例如代码。

    document.getElement('button').addEvent('click', function(){
        var select = document.id('p_card_type3').empty(),
            c = 5;

        while(c--){
            select.adopt(new Element('option', {
                html: 'Dynamic Option ' + c,
                value: c
            }));
        }

        // reinitialize the plugin
        dynamicInstances.replaceSelect(select);
   });

请记住，您必须更新插件本身。

mooselecta: 动态更新 a select

mooselecta: Update a select dynamically

javascript

mootools