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

This jQuery autocomplete plugin相当不错。

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