javascript - jQuery自动完成

Question

当用户输入任何特定字符（如@）时，我想在文本框中激活 jQuery 自动完成功能。意味着当用户在文本框中输入“john”后在文本框中输入他的电子邮件地址（如john@gmail.com ）时，当用户在文本中输入“@”时，应激活自动完成功能，并应显示邮件扩展名列表（“Gmail. com、“Hotmail.com”、“rediffmail.com”等）。

Answer 1

很难读出你的确切问题/问题，但也许你正在寻找这样的东西：

var mailProviders = {
  '@gmail.com': 'Google Mail',
  '@hotmail.com': 'Windows Live Mail',
  '@blizzard.com': 'OMG GIEF GOLD!1'
};

$("#inputfield").change(function(){
  provider = String($(this).val()).split('@');
  if (provider.length == 2)
    $("#infospan").html( mailProviders[provider[1]] );
  else
    $("#infospan").html( '' );
});

<span id="infospan"></span>每当用户从列表中输入已知邮件主机时，这将更新内容。

Answer 2

这个 jQuery 自动完成插件非常棒。

我不认为它具有您正在寻找的确切功能（即“当用户在文本框中输入“john”后在文本框中输入他的电子邮件地址（如 john@gmail.com）时，当用户在文本中输入“@”然后自动-complete 应该被激活”）。您需要为此自行定制。