2016-07-24 88 views
0

我最近開始在HTML和CSS上工作,我被困在這種情況下,我已經使用語義UI下拉菜單多選功能和不按預期工作。 (參考:http://semantic-ui.com/modules/dropdown.html#multiple-selection語義UI下拉選擇多個選項後不會清除文本

我已經完全使用相同的方式,因爲它是在例子中給出。但是我不知道我在實施時錯過了什麼。我收到以下錯誤

enter image description here

這裏是對應這個下拉

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

我的html代碼和javascript

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

即使選擇 '測試' 選項之後,我我仍然在下拉框中獲得文字。任何想法如何解決這個問題?

enter image description here

enter image description here

+0

你可以創建一個[片段](https://blog.stackoverflow.com/2014/09/introducing-runnable-javascript- css-and-html-snippets /)或[bin](https://jsbin.com/?html,js,output)或[plunkr](http://plnkr.co/edit/)爲此? –

+0

我已經創建了plunkr:https://plnkr.co/edit/st5aISR8wl2Vsd9Y1syO?p=preview但令人驚訝的是,在這裏我沒有得到這個問題。那爲什麼它會在我的項目中出現? 我已經從我的網頁中添加了兩個截圖,問題依然存在。任何線索,我錯過了什麼? – newbie

+1

'console'中的任何錯誤?你在你的項目中使用了相同的版本嗎? –

回答

0

我認爲這是在選擇發生的事情,因爲你沒有價值= 「」 字段。所以語義認爲,第一種選擇是一個佔位符

只要把:

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