通过 jQuery 插件中的功能更改 Multi-Select 中的 Selection

Question

我正在使用 jQuery 插件来实现 Multi-Select selection Plugin Github Demo。现在我想从另一个功能人为地改变下拉菜单的selection。所以我有这个：

HTML 部分：

<select id="Fruits" name="Fruits" multiple="" style="display: none;">
    <option value="1">Number1</option>
    <option value="2">Number2</option>
    <option value="3">Number3</option>
</select>

然后我使用该代码初始化菜单：

$(function(){
   $('#Fruits').multiSelect({'noneText':'Select Fruits'});
});

结果是：

现在我想通过运行另一个函数 select 某个选项：

因为我不是很熟悉 jQuery 我很难理解插件的源代码。到目前为止，我已经尝试过这样的事情：

$("#Fruits").data("plugin_multiSelect").updateButtonContents()

或

$("#Fruits").data("plugin_multiSelect").$element.on('change.multiselect')

看来我有点迷路了

Answer 1

我刚刚弄清楚了更改多 select 的 selection 状态的语法。它将是：

$('#Fruits').val(["0","4"]);
$("#Fruits").data("plugin_multiSelect").updateMenuItems();

这样就可以得到下拉菜单“Fruits”的第一个和第五个元素selected。

通过 jQuery 插件中的功能更改 Multi-Select 中的 Selection

Change Selection in Multi-Select via function in jQuery Plugin

javascript

jquery

multi-select