Semantische u Dropdown mit mehreren Auswahlen, die Text nach der Auswahl einer Option nicht löschen

Question

Ich habe vor kurzem angefangen, auf dem HTML und CSS zu arbeiten, und ich war in dieser Situation fest, wo ich semantic ui Dropdown mit Mehrfachauswahlfunktion verwendet habe und nicht wie erwartet funktioniert. (Referenz: http://semantic-ui.com/modules/dropdown.html#multiple-selection)

Ich habe genau so verwendet, wie es in dem Beispiel angegeben wurde. Aber ich weiß nicht, was ich bei der Umsetzung verpasst habe. Ich erhalte die folgenden Fehler

Hier ist mein HTML-Code für dieses Drop-Down-

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

und entsprechende Javascript

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

Auch nach der 'Test' Option auswählen, I bekomme immer noch den Text in der Dropdown-Box. Irgendeine Idee, wie Sie dieses Problem beheben können?

Answer 1

denke ich, dass das passiert ist Cuz Sie haben keinen Wert = "" Feld in der Wahl. So semantische denkt, dass erste Option ist ein Platzhalter

einfach gesagt:

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