多选的语义 ui 下拉菜单在选择一个选项后不清除文本答案

【问题标题】：Semantic ui dropdown with multiple selections not clearing text after selecting an option多选的语义 ui 下拉菜单在选择一个选项后不清除文本
【发布时间】：2016-07-24 08:29:38
【问题描述】：

我最近开始研究 html 和 css，我陷入了这种情况，我使用了具有多项选择功能的语义 ui 下拉菜单，但没有按预期工作。（参考：http://semantic-ui.com/modules/dropdown.html#multiple-selection）

我使用的方式与示例中给出的方式完全相同。但我不知道在实施它时我错过了什么。我收到以下错误

这是这个下拉菜单的 html 代码

<select id="view_options_dd" multiple="multiple" class="ui fluid search dropdown view_ns_dropdown" data-ng-model="selected_options">
    <option data-ng-repeat="item in all_options.name">{{item}}</option>
</select>

以及对应的javascript

$(document).ready(function() {
            $('select.dropdown').dropdown({ fullTextSearch: true ,sortSelect:true} ,'set selected', ['meteor', 'ember']);
        });

即使选择了“测试”选项，我仍然会在下拉框中看到文本。知道如何解决这个问题吗？

【问题讨论】：

您能为此创建一个snippet 或bin 或plunkr 吗？
我已经创建了 plunkr：plnkr.co/edit/st5aISR8wl2Vsd9Y1syO?p=preview 但令人惊讶的是，我没有遇到这个问题。那为什么它会出现在我的项目中？我从我的网页添加了另外两个屏幕截图，但问题仍然存在。任何线索，我错过了什么？
console 中的任何错误？你在你的项目和 plunkr 中使用相同的版本吗？
明白了！我的本地 css 文件没有更新。现在更新它们后工作正常

标签： jquery html css drop-down-menu semantic-ui

【解决方案1】：

我认为这是因为您没有 value="" 选项中的字段。所以语义认为第一个选项是占位符

简单地说：

<select id="view_options_dd" multiple="multiple" class="ui fluid search dropdown view_ns_dropdown" data-ng-model="selected_options">
    <option data-ng-repeat="item in all_options.name" value='{{item}}'>{{item}}</option>
</select>

【讨论】：