1

jspで作成された式にJqueryのオートコンプリート機能を実装しようとしています。

1 つのテキストエリアでは問題はありませんが、多くのテキストエリアではそれを行うことは不可能です。

これは私のページのコードです。プッシュを使用してリストを作成するため、データは 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>

そして、これらのタグを使用してテキストエリアを定義した後:

           <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 のみです。

助けてください。

よろしくお願いします;）

4

1 に答える 1

1

ここで、2 つのオートコンプリート入力フィールド (テキストエリアではない)のデモを見つけることができます。どのように機能していないのか、詳細を教えてください。java-script コンソールにエラーが表示されますか?

$(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>​
于 2012-10-26T16:22:43.607 に答える