无法从SemanticUI多下拉列表中获取值

Question

我试图从多选下拉列表中获取用户选择，但我似乎无法获取它们。下面是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'); 

这两个返回即使下拉填充什么。

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

谢谢。

Answer 1

试试这个：

var selectedValues; 

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