Jquery 语义用户界面：多选下拉菜单预选值

我正在使用语义UI框架构建网页。我对UI框架和jquery都是新手。我正在使用多选下拉组件为用户选择角色。我能够实现下拉菜单并选择值

但是有人能帮我在下拉列表中设置一个默认值（预选）吗？我已经尝试了指定的行为，但不知何故无法使其起作用。这里有我遗漏的东西吗

这是密码和代码

我的HTML：

<div class="twelve wide field">
    <label style="width: 250px">Add roles to user</label>
    <select name="skills" multiple="" class="ui fluid dropdown">
        <option value="">Roles</option>
        <option value="Role1">Role 1</option>
        <option value="Role2">Role 2</option>
        <option value="Role3">Role 3</option>
    </select>
</div>

$(".ui.fluid.dropdown").dropdown({ allowLabels:true})
$('.ui.fluid.dropdown').dropdown({'set selected': 'Role1,Role2'});

---

另外，我可以在javascript中获取变量值方面获得帮助吗？

您的语法有点不正确。试试这个：

$('.ui.fluid.dropdown').dropdown('set selected',['Role1','Role2']);

添加值（

）下拉菜单语义关于所有选择：

$("select").each(function(){
            var $that = $(this);
            var values = $that.val();
            $("option", $that).each(function(){
                $(this).removeAttr("selected");
            });
            $that.dropdown('set selected', values);
            $("option", $that).each(function(){
                var curr_value = $(this).val();
                for(var i = 0; i < values; i++){
                    if(values[i] == curr_value){
                        $(this).attr('selected','selected');
                    }
                }
            });
        });

$（“选择”）。每个（函数（）{
var$that=$（this）；
var值=$that.val（）；
$（“option”，即$that）。每个（函数（）{
$（此）.removeAttr（“选定”）；
});
$that.dropdown（'set selected'，value）；
$（“option”，即$that）。每个（函数（）{
var curr_value=$（this.val（）；
对于（变量i=0；i

好吧，我相信我们有一个更好的选择，那就是全选

$('.selectAll').click(function(){
        $dropdown.find('option').each(function(){
            var $option = $(this);
            if ($option.val() === "") {
                return;
            }
            $dropdown.dropdown('set selected', [$option.val()]);
        });
    });

---

重要的细节（我费尽心机才发现）不是在前面用

.dropdown（）

初始化

select

，因为设置所选值之后就不起作用了。谢谢！车把的小片段：$（'.ui.dropdown'）.dropdown（'set selected'，[{{{each tags}}}}'{{this}}'，{{/each}}]）；您认为您的解决方案为现有答案增加了新的质量吗？它要长得多，也要复杂得多。当我选择了多个选项时，这是我找到的唯一解决方案。好的，如果你认为你的解决方案是必需的，那很好。但是你必须解释你的代码，为了得到一个完整和高质量的答案，