Question

我想在我的网站上使用自动填充/自动格式“收件人”字段，其功能类似于GMail中的字段。

有没有人知道jQuery这样的事情？

普通的JavaScript？还是其他任何替代方案？

Answer 1

http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/

查看此插件。它似乎非常强大和稳定，可以满足您的需求。 jQuery是您寻求的那种效果的完美选择。请记住，根据您想从中获取数据的位置，您需要创建某种ajax / php后端。

Answer 2

有很多jquery比特可以做到这一点，你可以谷歌搜索“jquery autocomplete”，看看你最喜欢哪个。

这是一个更有名的：http://docs.jquery.com/Plugins/AutoComplete

<script>
    var emails = [
        { name: "Kitty Sanchez", to: "kanchez@bluth.com" },
        { name: "Lucille Austero", to: "lucille2@balboatowers.net" },
        { name: "Bob Loblaw", to: "bloblaw@bobloblawlawblog.com" },
        { name: "Sally Sitwell", to: "sally@sitwell.org" }
    ];

    $(document).ready(function(){
        $("#Recipients").autocomplete(emails, {
            multiple: true,
            minChars: 1,
            matchContains: "word",
            autoFill: false,
            formatItem: function(row, i, max) {
                return "\"" + row.name + "\" &lt;" + row.to + "&gt;";
            },
            formatMatch: function(row) {
                return row.name + " " + row.to;
            },
            formatResult: function(row, i, max) {
                return "\"" + row.name + "\" <" + row.to + ">";
            }
        });
    });
</script>

Answer 3

这些答案很好，但我认为他正在寻找具体的电子邮件。 Gmail的电子邮件自动完成非常强大且智能，考虑到您最常发送电子邮件的人以及其他因素。

jQuery电子邮件地址输入

3 个答案: