Jquery 使用敲除在文本框中键入时快速查找数据

Jquery 使用敲除在文本框中键入时快速查找数据,jquery,knockout.js,Jquery,Knockout.js,我想使用knockout.js在textbox中输入一些文本时创建一个快速查找。i、 e每当用户在文本框中键入与文本框中输入的字符串相关的数据时,文本框下会以下拉形式显示。有人能告诉我如何实现这个功能吗 非常感谢。是的,您可以在按下键后强制执行值突变: <input data-bind="value: someValue, valueUpdate: 'afterkeydown'" /> 主页上有一个完整的代码示例: <p>Your value: <input

我想使用knockout.js在textbox中输入一些文本时创建一个快速查找。i、 e每当用户在文本框中键入与文本框中输入的字符串相关的数据时,文本框下会以下拉形式显示。有人能告诉我如何实现这个功能吗


非常感谢。

是的,您可以在按下键后强制执行值突变:

<input data-bind="value: someValue, valueUpdate: 'afterkeydown'" />

主页上有一个完整的代码示例:

<p>Your value: <input data-bind="value: someValue, valueUpdate: 'afterkeydown'" /></p>
<p>You have typed: <span data-bind="text: someValue"></span></p> <!-- updates in real-time -->

<script type="text/javascript">
    var viewModel = {
        someValue: ko.observable("edit me")
    };
</script>
您的价值观:

您已键入:

var viewModel={ someValue:ko.observable(“编辑我”) };
以下是一些示例代码:

var VM = function () {

    this.text = ko.observable('');

    this.suggestionStrings = [
        'Hello',
        'world',
        'name',
        'richard'
    ];

    this.suggestions = ko.computed(function () {

        var text = this.text();

        return ko.utils.arrayFilter(this.suggestionStrings, function (str) {
            return new RegExp(text, 'i').test(str);
        });
    }, this);
};

ko.applyBindings(new VM());
示例如下: