9

我目前正在尝试使用存储在 javascript 变量中的源创建自动完成，但该变量可以由另一个函数更新。所以，我想要的是每次用户更新自动完成字段时，source都会生成自动完成字段。

这是我使用的代码：

<head>
    <script>
        var availableTags = ['java', 'javascript']
        // can be called anytime
        var addToTags = function(str){availableTags.push(str)}

        $(function() {
            $( "#tags" ).autocomplete({
                source: availableTags
            });
        });
    </script>
</head>
<body>
    <div class="ui-widget">
        <label for="tags">Tags: </label>
        <input id="tags" />
    </div>
</body>

我需要做一个类似回调的函数吗？

4

3 回答 3

12

存储在 javascript 变量中的源，但此变量可以由另一个函数更新。

那应该行得通。如果自动完成和更新函数都引用同一个数组，您可以随时推送新值，这些值将在下次评估数组时立即使用（例如，在击键时）。

我希望每次用户更新自动完成字段时，都会生成自动完成的源字段。

那是另一回事。是的，这需要一个回调函数来source动态生成数组，但这很简单。看看文档：

$( "#tags" ).autocomplete({
    source: function(request, resolve) {
        // fetch new values with request.term
        resolve(availableTags);
    }
});
于 2012-12-13T09:18:26.507 回答
3

addToTags只需在您的函数中添加一个重置调用即可自动完成：

var addToTags = function(str){
   availableTags.push(str);
   $( "#tags" ).autocomplete({
       source: availableTags
   });
}
于 2012-12-13T09:18:32.137 回答
1

这很简单

$( "#tags" ).autocomplete('option', 'source', availableTags)

在需要的地方设置 availableTags 数组

于 2016-09-02T07:13:46.857 回答