Question

我使用这个插件。 http://dane.one/projects/jquery-dropdown/demo/#multi-select https://github.com/daneWilliams/jquery.dropdown

我想使用多个选择

$('select').dropdown({
   multi: true
});

它正常工作，但最初是在加载页面时如果我选择了选项

<select multiple>
   <option>Option 1</option>
   <option selected>Option 2</option>
   <option>Option 3</option>
</select>

我想添加一些选定的选项，这个插件重置所有选中的，然后我选择了然后在没有首先选择的情况下选择新选项。

Answer 1

我不确定我是否理解正确，但是，看起来该选项已被选中，它看起来没有被选中？

这是一个包含三个示例的CodePen：http://codepen.io/anon/pen/mWWWaO

第一个是您拥有的示例，通过在代码中添加所选属性来选择该选项。它被选中，当你选择其他选项时，它会保留，但不像其他选项那样突出显示。

第二个例子只是一个例子，它没有被选中，这更像是我自己的参考和测试。

第三个是没有选项设置为选中的菜单，而是在初始化插件后，它会触发您想要选择的选项的点击事件。

快速浏览一下插件，看起来没有办法用已经选择的选项初始化它，看起来似乎无法通过插件以编程方式选择选项。

该插件使用自己的代码替换原始菜单以创建菜单，看起来除非单击该选项，否则无法查看选项，而不是在代码中更新的实际隐藏菜单

我在CodePen中包含了插件JS，但不在此处。您可以滚动到那里的底部以查看示例JS代码。你可能想要设置一个更好的方法来标记这些项目，而不是我设置的快速示例，但这是一般的想法。

$('select').dropdown({
    multi: true
});

// Select the third dropdown list and then find the second li in that list
$('.dropdown-list').eq(2).find('li').eq(1).trigger('click');

Answer 2

请改用select2。它是一个非常棒的jQuery插件，适用于longlist单值选择＆amp;多选。

多选jQuery-Dropdown插件

2 个答案: