2016-11-14 43 views
1

我试图从多选下拉列表中获取用户选择,但我似乎无法获取它们。下面是HTML:无法从SemanticUI多下拉列表中获取值

<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页上,在那里我把这个表单放到一个模式中。我不知道为什么这会影响它,只是认为我会指出。

谢谢。

回答

0

试试这个:

var selectedValues; 

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

这将返回'undefined'不幸。 –

+0

尝试在下拉菜单中选择一些内容后进行检查。 – br3t

+0

这就是我所做的。我选择了4个值。 –