2015-02-11 94 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