Search 语义用户界面:获取当前下拉搜索输入文本

Search 语义用户界面:获取当前下拉搜索输入文本,search,input,text,dropdown,semantic-ui,Search,Input,Text,Dropdown,Semantic Ui,我正在尝试使用语义用户界面的下拉搜索组件过滤从api获得的一些结果 问题是我不知道如何获取我在输入字段中键入的文本 我拥有的下拉搜索: <div class="ui fluid search selection dropdown" id="user-dropdown"> <input id="user-dropdown-input" name="country" type="h

我正在尝试使用语义用户界面的下拉搜索组件过滤从api获得的一些结果


问题是我不知道如何获取我在输入字段中键入的文本


我拥有的下拉搜索:

<div class="ui fluid search selection dropdown" id="user-dropdown">
    <input id="user-dropdown-input" name="country" type="hidden">
    <i class="dropdown icon"></i>
    <div class="default text">Search...</div>
    <div class="menu" id="user-dropdown-menu">
        <div class="item" data-value="af">
            <span class="description">123</span>
            <span class="text">User123</span>
        </div>
        <div class="item" data-value="af">
            <span class="description">123</span>
            <span class="text">User123</span>
        </div>
        <div class="item" data-value="af">
            <span class="description">123</span>
            <span class="text">User123</span>
        </div>
    </div>
</div>

我尝试的是:

$('#user-dropdown').on('keyup', function () {
    let input = $('#user-dropdown');

    console.log('Val: ' + input.dropdown().val());
    // also tried: $('#user-dropdown-input').val()
    //             $('#user-dropdown-input').html()
    //             $('#user-dropdown-input').text()
});

基本上我想要的是
如果我键入“abc”
将值“abc”打印到控制台中,但是
我不知道如何获取该值

$('#user-dropdown').on('keyup', function () {
    let input = $('#user-dropdown');

    console.log('Val: ' + input.dropdown().val());
    // also tried: $('#user-dropdown-input').val()
    //             $('#user-dropdown-input').html()
    //             $('#user-dropdown-input').text()
});