是否可以使用 jQuery 自动完成文本框将新项目添加到数据源变量列表？答案

【问题标题】：Is it possible to add new Item to dataSource variable list using jQuery auto complete text box?是否可以使用 jQuery 自动完成文本框将新项目添加到数据源变量列表？
【发布时间】：2018-05-07 18:45:34
【问题描述】：

这里我使用 jQuery 自动完成文本框来获取来自搜索框的雨夹雪数据，当我输入在给 dataSource 列表中不存在的新项目时，它会进行检查，如果不存在，我需要将数据添加到 dataSource 列表中。我该怎么做？

<script>
$(function() {
    var dataSource = [
        { skill: 'ASP.NET'},
        { skill: 'C#.Net' },
        { skill: 'Sql Server' },
        { skill: 'Java' },
        { skill: 'AngularJS' },
        { skill: 'jQuery' },
        { skill: 'Javascript' }
    ];
    $('#basic').magicsearch({
        dataSource: dataSource,
        fields: ['skill'],
        id: 'skill',
        format: '%skill%',
        multiple: true,
        multiField: 'skill',
        multiStyle: {
            space: 5,
            width: 80
        }
    });
});
</script>

【问题讨论】：

您需要使用后端（php）永久添加新项目。
您对 PHP 或 C#.NET 等后端语言有任何了解吗？也许是角？ SQL 呢？

标签： jquery autocomplete textbox

【解决方案1】：

为此，您需要使用html forms 或ajax

您的dataSource 对象必须保存在某个地方，可能保存在数据库中。正如Roland Ruul 所说，最简单的方法是使用后端语言，例如php。然后，您需要在从数据库中检索到后端语言后，将硬编码列表替换为 JavaScript 代码中注入的 json 序列化对象。

考虑到您当前的设置，实现此功能将是很多工作

【讨论】：