如何使用MultiSelect jQuery插件添加選項

我正在使用jQuery - MultiSelect插件。如何使用MultiSelect jQuery插件添加選項

我希望能夠在我的初始選擇框中添加一個選項，然後使用新選項更新MultiSelect用戶界面。

這是我有（不工作）。

var value = $("#newGroup").val(); 
$('#Select1').append("<option value=\"" + value + "\">" + value + "</option>");

然後我試着調用相同的代碼來重新創建多選選項以及其他選項，如首先銷燬它。

這是我用來實現插件的代碼。

$("#Select1").multiselect({ sortable: false, searchable: true });

這裏是插件的主頁： http://quasipartikel.at/multiselect_next/

來源

2011-06-23 Clarence Klopfstein

此鏈接可能會幫助你http://www.codefari.com/2014/12/add-new-option-in-multiselect-kendo.html – Singh

嘗試使用

$('.multiselect').multiselect('destroy'); 
$('.multiselect').multiselect();

來源

2011-06-24 08:36:26 elf

我曾試過這個。有錯誤： $ .widget.prototype.destroy是未定義的我在網上搜索後修復了它，但是接下來是$（'。multiselect'）。multiselect（）;列表框保持不變。「新」外觀不會重新適用。 –

我認爲它應該是這樣的情況：$（'＃Select1'）。multiselect（'destroy'）; $（'＃Select1'）。multiselect（）; – elf

是的，我明白了。只是堅持你的代碼。 –

你有最新版本的多選的？版本1.8現在添加了一個刷新命令，用於更新列表以反映新添加或刪除的選項。您的代碼順序應該是：

var value = $("#newGroup").val(); 
$('#Select1').append("<option value=\"" + value + "\">" + value + "</option>"); 
$('#Select1').multiselect('refresh');

來源

2012-07-25 23:31:08

感謝您的回覆。由於這個問題已經過了一年多了，我不再處理這個問題。不知道你有什麼會工作或不能測試！希望這有助於其他人可能會遇到此問題，如果這項工作有效，最多的投票將是您的獎勵！ –

感謝你的'刷新'，當你想用'$（'＃selcVar option'）選擇它們時它也很有用。 }）; （'＃selcVar'）。multiselect（'refresh'）;' –

我有一個帶有大寫字母S的multiSelect版本，請考慮添加編輯。 –

對於舊版本，你可以試試，當你嘗試想再次初始化這個

$('select').multiselect('destroy').removeData().multiselect();

「摧毀」法不從選擇節點刪除數據，以便它已經初始化。 removeData（）解決了這個問題。

新版本，「刷新」方法，這樣你就可以添加一些選項來選擇和調用

$('select').multiselect('refresh');

多選時已初始化。

來源

2017-03-24 10:20:46 asologor

如何使用MultiSelect jQuery插件添加選項

回答

相關問題