javascript - onInitialized 如何在 Bootstrap-multiselect 中工作

Question

非常简单的例子:https://jsfiddle.net/x6z6w0n8/8/

如何在不创建副本的情况下在初始化步骤中设置选定值？

来自场外的样本效果很好。 https://jsbin.com/yupinelefa/edit?html,js,console

---

正如我所注意到的，在非示例中它们不初始化选择，它们只是使用事件 onInitialized。但是当我初始化(设置选项)以在 onInitialized 事件中选择时，没有任何改变，我也有 2 个选择。

---

通常 - 我在页面上有 bootstrap-multiselect。 OnInitialization 我想在其中设置选定的值。 我有下一个代码作为示例:

<select id="example-onInitialized" multiple="multiple" class="multiple">
     <option value="1">Option 1</option>
     <option value="2">Option 2</option>
     <option value="3">Option 3</option>
     <option value="4">Option 4</option>
     <option value="5">Option 5</option>
     <option value="6">Option 6</option>
</select>

$('.multiselect').multiselect({
            onInitialized: function(select, container) {
               $(select).multiselect('select', 2); // I want to select item with value '2'
         }
});

但是这个脚本创建了一个额外的选择。因此，我有一个选择值“2”和一个空选择。 对我来说，似乎每次调用 .multiselect() 都会创建新的选择。这样对吗？谢谢。

Answer 1

Updated fiddle .

发生这种情况是因为 select 是一个应该始终在 .multiselect() (初始化插件)上调用的选项，所以在您的情况下，您的插件将被初始化第二次使用时。

onInitialized() is a function which is triggered when the multiselect is finished initializing.

select 选项用于在插件初始化后选择给定值，因此您可以像这样使用它:

$('.multiple').multiselect('select', 2);

希望这对您有所帮助。