複数の要素を選択するセマンティックUIドロップダウン

Question

プログラマチックに1つまたは複数選択してください。選択フィールドでこれを行うことはできますが、<div class="ui fluid multiple search selection dropdown">を使用すると設定できません。あなたのテンプレートが

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

であり、あなたはあなたが設定しなければならない多くのアイテムを持っている場合は、設定できるのドキュメントによると

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

Answer 1

（selected([value1, value2])は、選択された値のグループを追加します）データ値は配列を渡します。配列があるとします。

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'])