Bootstrap Multiselect - 更新動態更新菜單

我有兩個選擇菜單。其中一個部門的ID爲department-list，另一個部門的ID爲team-list。Bootstrap Multiselect - 更新動態更新菜單

當有人選擇一個部門，這個jQuery是觸發

$.ajax({ 
    type: "POST", 
    url: "/getTeamsAll/", 
    success: function(data){ 
     $("#team-list").html(data); 
    } 
});

所以，沒有插件，它按預期工作，但與插件，不更新球隊名單。除了上述之外，我試過使用.multiselect('rebuild')和.multiselect('refresh')沒有運氣。有什麼建議？

來源

2017-10-09 pee2pee

呼叫引導多選功能，您追加選項select

$.ajax({ 
    type: "POST", 
    url: "/getTeamsAll/", 
    success: function(data){ 
     $("#team-list").html(data); 
     $("#team-list").multiselect('rebuild'); 
    } 
});

來源

2017-10-09 09:36:38

原來的列表仍然不幸 – pee2pee

確定現在試試這個'$（「＃隊名單」）多選（ '重建'） ;' –

@ pee2pee，檢查我更新的答案。 –

後再次可以使用multiselect('dataprovider', data)以編程方式填充選項。（Docs）

$.ajax({ 
    type: "POST", 
    url: "/getTeamsAll/", 
    success: function(data){ 
     //$("#team-list").html(data); 
     $("#team-list").multiselect('dataprovider', data); 
    } 
});

其中data是對象的數組：

var data = [ 
    {label: 'Option 1', title: 'Option 1', value: '1', selected: true}, 
    {label: 'Option 2', title: 'Option 2', value: '2'}, 
    {label: 'Option 3', title: 'Option 3', value: '3'}, 
    {label: 'Option 4', title: 'Option 4', value: '4'}, 
    {label: 'Option 5', title: 'Option 5', value: '5'}, 
];

來源

2017-10-09 09:42:41

謝謝 - 我不想在這一點上重寫我的歌曲輸出爲JSON，但我會考慮未來的這種方法 – pee2pee

Bootstrap Multiselect - 更新動態更新菜單

回答

相關問題