Javascript 语义ui下拉列表，防止使用输入元素自动选择

我在下拉列表中添加了一个选项，允许用户添加不存在的项

为此，我在下拉列表中添加了一个输入字段，但当用户输入某个内容时，下拉列表会尝试将输入的文本与列表中已有的项目进行匹配

在那种情况下，我觉得很烦人。我在中注意到，输入元素绑定到搜索函数。然而，我找不到如何禁用这种行为

以下是HTML：

<div class="ui fluid selection dropdown playlist">
    <input name="playlist" type="hidden">
    <i class="dropdown icon"></i>

    <div class="default text">playlist</div>

    <div class="menu">
        <div class="item create" data-value="0">
            <span class="create-placeholder">+ new playlist</span>

            <div class="ui action input add-playlist">
                <input placeholder="new playlist">
                <button class="ui button">Add</button>
            </div>
        </div>

        <div class="item" data-value="1">foo</div>
        <div class="item" data-value="2">bar</div>
        <div class="item" data-value="3">baz</div>
    </div>
</div>

---

我已经建立了一个明确的例子。只要输入“foo”，你就会明白我的意思，以防它不是非常清晰。

要允许用户添加新项目，只需在下拉选项中添加

allowAdditions:True

，有关更多信息，请参阅

例如：

$（'dropdownSelector'）。下拉列表({ 允许条件：正确

---

}).下拉列表（）

要允许用户添加新项目，只需在下拉选项中添加

allowaditions:True

，有关更多信息，请参阅

例如：

$（'dropdownSelector'）。下拉列表({ 允许条件：正确

---

}).下拉列表（）

下拉模块对用户添加的项目具有一些本机功能。请看.Thx@goranmotram，我已经看过了，但它的工作方式并不能满足我的需要…这同时是一个搜索栏和一种添加项目的方式。那不是我要找的。此时，我只想从输入字段中取消查找：）下拉模块具有一些用于用户添加项目的本机功能。请看.Thx@goranmotram，我已经看过了，但它的工作方式并不能满足我的需要…这同时是一个搜索栏和一种添加项目的方式。那不是我要找的。此时，我只想从输入字段中取消查找：）

$dropdown = $('.ui.dropdown');

$dropdown.dropdown({
    action: (text, val) => {
        if (val == 0) { // eslint-disable-line
            $('.create-placeholder').hide(100);
            $('.add-playlist').css('display', 'inline-flex');
            $('.add-playlist input, .add-playlist button').show(200);
        }

        else $dropdown.dropdown('set selected', val).dropdown('hide');
    },
    onHide: () => {
        // do that after dropdown has been hidden
        setTimeout(() => {
            $('.add-playlist, .add-playlist input, .add-playlist button').hide();
            $('.create-placeholder').show();
        }, 400);
    }
});