需要使用TomSelect的最小滤波器输入长度（例如Select2＆＃x27;最低限量）

Question

我有一个带有多选字段的网页以用于名称，并且为了防止偏见，我只想在用户将至少3个字符输入过滤器/搜索字段后向用户显示列表条目。

Select2使用 MiniminIminputLength a href =“ https://jsbin.com/jehaxinaju/1/edit?html，js，output“ rel =” nofollow noreferrer“> jsbin> jsbin ）

是什么是最佳的方法来实现这一目标？ tomSelect for tomSelect for tomSelect for tomSelect in terme

设置可能是一种说明：

使用showsload（）回调来实现最小输入长度或其他输入验证。如果回调返回false，则不会调用load（），并且NOT_LOADING模板将添加到下拉列表而不是加载或NO_RESULTS模板中。

但是，似乎应该载荷仅限制load（）将被调用以获取远程资源的其他结果，但是所有已经可用的结果都将始终显示，不管shore shore load返回（）。

Answer 1

应该有效有效，当您满足查询时，您必须在回调中返回， load 只有在返回应负载的返回时，才会调用API？
您可以设置Minimun，Regex或您想要的任何验证。

new TomSelect("#your_select", {
    valueField: "id",
    labelField: "name",
    searchField: "name",
    shouldLoad: function (query, callback) {
        if (query.length > 3) {//if search has at least 4 chars
            return true;
        }
    },
    load: function (query, callback) {
        var url = "/your/url/remote/" + encodeURIComponent(query);
        fetch(url)
            .then((response) => response.json())
            .then((json) => {
                callback(json);
            })
            .catch(() => {
                callback();
            });
    },
});

为了删除先前的结果，您可以使用 clear（）清除选定的选择，并在每个加载之前 emoveItem 。