Question

我正在尝试在jsp上制作的处方集上实现Jquery的自动完成功能。

我对一个文本区域没有问题，但是对于其中许多文本区域我不可能这样做。

这是我的网页代码：我使用push来创建列表，因为数据是从java bean导入的。此代码是运行应用程序后创建页面并使用CTRL-U捕获的结果。

        <script>
        $(function()
        {
            var TagsEntis = new Array();

                TagsEntis.push("MAIRIE");

                TagsEntis.push("COMMUNAUTE URBAINE");

                <!--Others pushs here-->

            $( "#tagsentis" ).autocomplete({source: TagsEntis});
        });
        </script>
        <script>
        $(function()
        {
            var TagsNames = new Array();

                TagsNames.push("CAPILLON");

                TagsNames.push("DUFOUR");

                TagsNames.push("STARON");

                <!--Others pushs here-->

            $( "#tagsnames" ).autocomplete({source: TagsNames});
        });
        </script>

在使用这些标签定义textareas之后：

           <form method="post" action="form.htm" name="formulary">
                <table id="formulary">
                   <tr>
                        <td>
                            Entity
                        </td>
                        <td>
                            <spring:bind path="PersonForm.entity">
                                <input id="tagsentis" type="text" name="entity"
                                       value=""/>
                            </spring:bind>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            LastName
                        </td>
                        <td>
                            <spring:bind path="PersonForm.lastname">
                                <input id="tagsnames" type="text" name="lastname"
                                       value=""/>
                            </spring:bind>
                        </td>
                    </tr>

此代码有效，但仅适用于LastName Textarea。

你能帮我吗？

提前非常感谢你;）

Answer 1

你可以在这里找到demo of 2 autocomplete input-fields（不是textarea）。您能告诉我们更多细节吗？您是否在java-script console

中收到任何错误

$(function() {
    var availFirstNames = [
        "Adam", "Anna", "Anita",
        "Bert", "Bob", "Chuck", "Claudia", "Douche", "Ernie",
        "Gib", "Henry", "Jesus", "John", "Lisp", "Perl",
        "PHP", "Python", "Ruby", "Scala", "Scheme"
    ];
    var availLastNames = availFirstNames;
    $( "#FirstName" ).autocomplete({
        source: availFirstNames
    });
    $( "#LastName" ).autocomplete({
        source: availLastNames
    });        
});

和HTML

<div class="ui-widget">
    <label for="tags">Names: </label>
    <input id="FirstName" />
    <input id="LastName" />
</div>

Jquery许多自动填充在同一页面上

1 个答案: