语义UI：多选下拉预选值

Question

我正在使用Semantic UI Framework构建网页。我是UI框架和jquery的新手。我正在使用多选下拉组件来为用户选择角色。我能够实现下拉列表并选择值。

但任何人都可以帮我设置下拉列表的默认值（预先选择）吗？我已经尝试过指定here的行为，但不知何故无法使其工作。这里有什么我想念的吗？

这是fiddle和代码。

我的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>

我的JavaScript：

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

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

Answer 1

你的语法略有偏差。试试这个：

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

Answer 2

添加关于所有选择的值（<option selected="selected">）下拉语义：

$("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');
                    }
                }
            });
        });