小编Pha*_*nth的帖子

我正在使用' Semantic UI '框架创建一个html表单.当我使用正常的选择项目作为下拉/选择列表时,我正在使用语义UI来设置样式.一切正常,但是一旦我从下拉列表中选择一个值,我就无法取消选择最终用户的选项/值.

假设在这个FIDDLE中,如果我选择"男性",并再次想要取消选择该选项并显示占位符/默认文本"性别",我无法做到.有人可以帮我找出一种方法,使选择工作作为常规的HTML选择项而不是下拉列表吗？

HTML代码

<div class="field">
            <label style="width: 250px">Select a Gender</label> <select
                name="skills" class="ui fluid dropdown">
                <option value="">Gender</option>
                <option value="Male">Male</option>
                <option value="Female">Female</option>
            </select>
</div>

JavaScript代码

$(".ui.fluid.dropdown").dropdown({})

我正在使用Semantic UI Framework构建网页.我是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>

我的JavaScript:

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

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