mooselecta：动态更新选择答案

【问题标题】：mooselecta: Update a select dynamicallymooselecta：动态更新选择
【发布时间】：2015-04-11 20:08:18
【问题描述】：

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

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

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

提前致谢！

【问题讨论】：

标签： javascript mootools

【解决方案1】：

这就是我认为的“放弃软件”——虽然我是 mooSelecta 的作者——但这是我发布的第一个 mootools 类。

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

查看示例/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);
   });

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

【讨论】：

更新了锻造。 mootools.net/forge/p/mooselecta - 还更新了示例 - fragged.org/mooSelecta/Example
我将此 sn-p 添加到示例页面并得到“未捕获的 ReferenceError：未定义动态实例”。信用卡选择虽然正确更新。只有 mooselecta 表示保留旧值。这是顺便说一句。正是我必须处理的用例。