javascript - 语义用户界面 : Dropdown default/placeholder value issue

Question

我正在使用“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({})

Answer 1

试试这个:

$('select.dropdown').dropdown({placeholder:'Your placeholder'});

参见 Semantic UI (或 Semantic UI CN 中文版)了解更多信息。