Question

我搜索了stackoverflow使用的自动完成标记样式，我得到了答案from this question on stackoverflow，我也从我得到答案的问题中跟踪了这个github link。在github example.com中，下面是jQuery代码：

        $(function(){
        var sampleTags = ['c++', 'java', 'php', 'coldfusion', 'javascript', 'asp', 'ruby', 'python', 'c', 'scala', 'groovy', 'haskell', 'perl', 'erlang', 'apl', 'cobol', 'go', 'lua'];
       --------------------------
        $('#allowSpacesTags').tagit({
            availableTags: sampleTags,
            allowSpaces: true
        });

    });
    //the html for input box
    <form>
        <p></p>
        <ul id="allowSpacesTags"></ul>
    </form>

这是包含自动完成的数组。但问题是我希望自己的自动完成阵列来自我的数据库，我希望用户的图像，名称和用户名显示为自动完成，当用户点击时，用户名进入输入框。让我们假设我的数据库的html输出对于每个用户都是这样的：

<div><img src="userimg" />user full name<br>username</div>

但是，如果我在自动完成阵列中传递此代码，那么如果我按下＆lt;＆lt;键，html代码自动完成。请问如何使自动完成数组也包含图像和html代码，单击用户时，只有用户名进入输入框。谁有更好的想法？

标签自动填充功能

0 个答案: