选择选项后,多个选择的语义ui下拉列表不清除文本

时间:2016-07-24 08:29:38

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

我最近开始研究html和css,我遇到了这种情况,我使用了具有多个选择功能的语义ui下拉列表并且没有按预期工作。 (参考:http://semantic-ui.com/modules/dropdown.html#multiple-selection

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

enter image description here

以下是此下拉列表的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']);
        });

即使选择了&#39;测试&#39;选项,我仍然在下拉框中获取文本。知道如何解决这个问题吗?

enter image description here

enter image description here

1 个答案:

答案 0 :(得分:0)

我认为这种情况正在发生,因为你没有价值=&#34;&#34;选项中的字段。所以语义认为第一个选项是占位符

刚刚提出:

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