我正在使用’
Semantic UI‘框架创建一个html表单.当我使用正常的选择项目作为下拉/选择列表时,我正在使用语义UI来设置样式.一切正常,但是一旦我从下拉列表中选择一个值,我就无法取消选择最终用户的选项/值.
假设在这个FIDDLE中,如果我选择“男性”,并再次想要取消选择该选项并显示占位符/默认文本“性别”,我就无法做到.有人可以帮我找出一种方法,使选择工作作为常规的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({})
解决方法
试试这个 :
$('select.dropdown').dropdown({placeholder:'Your placeholder'});
有关详细信息,请参阅Semantic UI(或中文版的Semantic UI CN).