Auswählen mehrerer Elemente semantic-ui dropdown

Question

Wählen Sie eine oder mehrere programmatisch, ich kann dies für ein Auswahlfeld tun, aber wenn ich dann <div class="ui fluid multiple search selection dropdown"> dann kann ich sie nicht festlegen, das ist wichtig, da ich die Elemente formatieren möchten.

Dokumentation Nach Sie einstellen können (selected([value1, value2]) Fügt eine Gruppe von Werten wie ausgewählt)

http://semantic-ui.com/modules/dropdown.html#multiple-search-selection

Answer 1

Wenn Sie Ihre Vorlage

<div class="ui fluid search selection dropdown multiple countries"> 
    <input type="hidden" name="country"> 
    <i class="dropdown icon"></i> 
    <div class="default text">Select Country</div> 
    <div class="menu"> 
     <div class="item" each={ c, co in countries } data-value={c.abbr}> 
     <i class={c.abbr + ' flag'}></i> 
     {c.name} 
     </div> 
    </div> 
    </div> 

ist Und Sie haben viele Einzelteile erhielten Sie setzen müssen der Datenwert, der ein Array passiert, angenommen, wir haben das Array

countries = [{name: 'Afganistan', abbr: 'af'}, 
    {name: 'Bolivia', abbr: 'bo'}, 
    {name: 'Brazil', abbr: 'br'}, 
    {name: 'Canada', abbr: 'ca'}, 
    {name: 'Colombia', abbr: 'co'}, 
    {name: 'Ecuador', abbr: 'ec'}, 
    {name: 'Peru', abbr: 'pe'}, 
    {name: 'USA', abbr: 'us'} 
    ] 

// to select 

$('.ui.fluid.multiple').dropdown('set selected', ['bo', 'ec'])