jquery - Semantic-UI 多选获取值

Question

基于 Semantic-UI 文档，https://semantic-ui.com/modules/dropdown.html#multiple-selections

我在 angular2 模板中有以下代码:

<select id="thickness" name="thick" [(ngModel)]="form.thickness" multiple="multiple" class="ui multiple dropdown selection">
     <option value="">Выбрать</option>
     <option value="100">100 mm</option>
     <option value="150">150 mm</option>
     <option value="200">200 mm</option>
     <option value="250">250 mm</option>
     <option value="300">300 mm</option>
     <option value="375">375 mm</option>
     <option value="400">400 mm</option>
</select>

我想从Select获取选定值的数组到角度模型form.thickness

但是，我得到的是空数组。在 ngOnInit 里面我有 $('#thickness').dropdown();

console.log($('#thickness').dropdown('get value')); 给出空数组；

如何从下拉多项选择中获取值？

Answer 1

建议您的代码如下所示:

<div class="ui multiple selection dropdown">
    <i class="dropdown icon"></i>
    <div class="default text">Tag Multiple Categories</div>
        <select multiple="" id="multi-select">
            <option value="">Categories</option>
            <option value="datastructure">Data Structure</option>
            <option value="stack">Stack</option>
            <option value="queue">Queue</option>
        </select>
    </div> 
</div>

以下将返回选定值的数组:

$("#multi-select").dropdown("get value") 

输出:

["stack", "queue"]

注意:

确保 html 中没有隐藏输入字段，否则它会返回字符串值而不是值数组