2015-02-11 54 views
3

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

我需要根据ajax调用填充选择标记。 这适用于选择本身,但风格的div(由mooselecta创建)不会更新 - 它会一直显示旧值。

有没有机会使用普通的javascript来更新这个div?

在此先感谢!

回答

3

这就是我认为'放弃' - 尽管我是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); 
    }); 

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

+1

更新伪造。 http://mootools.net/forge/p/mooselecta - 也更新了示例 - http://fragged.org/mooSelecta/Example/ – 2015-02-11 21:40:54

+0

我将此片段添加到示例页面并获取“Uncaught ReferenceError:dynamicInstances is not defined” 。虽然信用卡选择正确更新。只有mooselecta表示才能保留旧的价值。这是btw。恰恰是我必须处理的用例。 – vreen 2015-02-12 06:40:24