我试图从多选下拉列表中获取用户选择,但我似乎无法获取它们。这是 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>
这是我尝试过的 JavaScript:
var selectedValues = $('#content_dropdown').val();
var selectedValues = $('#content_dropdown').dropdown('get value');
即使下拉列表已填充,这两者也不会返回任何内容。
我还应该注意到,我在一个单独的页面中进行了此操作,但我已将内容移动到一页上,并将此表单放入模式中。我不确定为什么这会影响它,只是想我会指出这一点。
谢谢。
最佳答案
.dropdown('get value') 不适用于多个。您必须找到一种方法来观察下拉列表的变化。以下是在 Aurelia 中执行此操作的方法:
表单.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>
表单.ts:
export class form {
thickness_selected: number[] = [];
submit() {
const self = this;
for (let id of self.thickness_selected) {
console.log(id);
}
}
}
关于javascript - 无法从 SemanticUI 多下拉列表中获取值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40590329/