将文本框中的文本链接到预定义列表

Question

我正在开发一个使用 PHP、Jquery、CodeIgniter 的项目。我们有一个存储在 MySQL 表中的产品数据库。

我们有一个 PHP 页面，用户可以在其中注册服务请求。要求是如果用户开始在文本框中输入@product1，我们应该能够将其链接到我们数据库中的product1。

这与 facebook 的做法非常相似，但要求是一旦用户开始输入@，我们的页面就应该能够智能地猜测产品并给出选项。就像例如如果用户输入@pro...，系统应该给他product1、product2等。

请帮忙。不清楚的可以详细说明。

Answer 1

您可以尝试使用jquery.mentionsInput 插件。

$('textarea.mention').mentionsInput({
  onDataRequest:function (mode, query, callback) {
    // here instead of having all data you can do an AJAX-request to your server
    var data = [
      { id:1, name:'product1', avatar:'..', type: 'product' },
      { id:2, name:'product2', avatar:'..', type: 'product' },
    ];
    data = _.filter(data, function(item) { return item.name.toLowerCase().indexOf(query.toLowerCase()) > -1 });

    callback.call(this, data);
  }
});

然后在php端解析@[product1](product:1)