Javascript Can'；t从Semantici multi下拉列表中获取值

我试图从多选下拉列表中获取用户选择，但似乎无法获取它们。以下是HTML：

  <div id="content_dropdown" class="ui multiple search normal selection dropdown" style="border-radius: 0px;width: 100%;">
    <i class="dropdown icon"></i>
    <div class="default text">Dashboard widget, Improved reporting</div>
    <div id="content_dropdown_menu" class="menu">
      {% for content_tag in content_tags %}
      <div class="item" data-value="{{content_tag}}">{{content_tag}}</div>
      {% endfor %}
    </div>
  </div>

即使填充了下拉列表，这两个选项也不会返回任何内容

我还应该注意到，我在一个单独的页面中工作，但我一直在将内容移动到一个页面上，在那里我将这个表单放入一个模式中。我不知道为什么这会影响它，我只是想指出它

谢谢

试试这个：

var selectedValues;

$('#content_dropdown')
  .dropdown({
    action: function(text, value) {
      selectedValues = value;
    }
  })
;

.dropdown（'get value'）不适用于多个。您必须找到一种方法来观察下拉列表的更改。以下是如何在Aurelia中执行此操作：

form.html：

<select id="thickness" name="thick"  multiple="" class="ui multiple dropdown selection" value.bind="thickness_selected">
     <option value="">Выбрать</option>
     <option value="100">100 mm</option>
     <option value="150">150 mm</option>
</select>

---

不幸的是，这将返回未定义的

。请在下拉列表中选择某个内容后尝试检查它。我就是这么做的。我选择了4个值。你能分享你尝试这个的页面吗？还是JSFIDLE的最小示例？
<select id="thickness" name="thick"  multiple="" class="ui multiple dropdown selection" value.bind="thickness_selected">
     <option value="">Выбрать</option>
     <option value="100">100 mm</option>
     <option value="150">150 mm</option>
</select>

export class form {

    thickness_selected: number[] = [];

submit() {
        const self = this;
        for (let id of self.thickness_selected) {
            console.log(id);
        }
    }

}