获取选定选项以使用语义UI下拉菜单显示

Question

我在语义UI下拉菜单上有一些问题：

1. 我似乎无法让jQuery努力。我试图将名为"标签线"的类添加到其中，这将在单击时触发警报，但它不起作用。但是，将"标语"添加到其他元素时，可以正常工作

2. 我无法从要显示的菜单选项中获取所选值。当我尝试：$('#idDropDown').dropdown('get value'));时，它给了我结果"对象对象"。这是代码：

show.ejs：

<% include ../partials/header %>
<div class = "container-fluid text-center" style = "margin-top: 100px;">
    <h1 class = "student-title">Student's homepage</h1>
</div>
<!-- Testing -->
<div class = "container text-center student-list">
    <div id = "dropdownMenu" class="ui fluid search selection dropdown">
        <input type="hidden" name="student">
        <i class="dropdown icon"></i>
        <div class="default text">Select a student</div>
        <div class="menu">
            <% students.forEach(function(student) { %>
                <div class = "item" value = "<%=student._id%>" >
                    <%= student.name.first %> <%= student.name.last %>
                </div>
            <% }); %>
        </div>
    </div>
</div> 
<!-- End of div-->

<% include ../partials/footer %>

main.js

/* global $ */
$(document).ready(function(){
    $('.ui.dropdown').dropdown();
});
$(".tagline").on("click", function() {
    getValue();
    // console.log(test);
});
$('.message .close').on('click', function() {
  $(this).closest('.message').fadeOut();
});

function getValue(){
    alert($('ui.dropdown').dropdown('get value'));
}

我是第一次使用语义UI，因为它可以定制得多，并且具有更多的组件（我认为）。任何帮助将不胜感激。非常感谢！

编辑：

1. 这是JSFIDDLE：

https://jsfiddle.net/7hw9txns/1/

2. 关于我的问题1，jQuery在这里工作正常，但它在我的Cloud9 IDE中的应用中不起作用（jQuery与我应用程序的任何页面中的任何其他组件一起使用，只是此特定页面和下拉菜单）

Answer 1

我意识到您的代码还可以，但是它不起作用，因为您没有在dropdown ID上调用该行为，但是您以一般名称打电话（ui.dropdown）。
我在 plugin中读到：

Get value（行为） - 返回当前下拉输入值
在这种情况下，它仅返回选定选项的两个字母。

Get text（行为） - 返回当前下拉文本
在这种情况下，它将整个选定的文本返回dropdown 。

上的每个项目

最后，这是我更改的小提琴：小提琴链接

希望我很清楚！