0

このコードの何が問題になっていますか? この JSfiddle が機能しないのはなぜですか?

HTML

<input id="university" name="university" type="text" />

Javascript

 $(function () {

        var jsonsample = [{
            "name": "Stanford University"
        }, {
            "name": "Santa Clara University"
        }]

        $('#university').autocomplete({

            minLength: 2,

            source: 'jsonsample',

            focus: function (event, ui) {
                $('#university').val(ui.item.name);
                return false;
            },

            select: function (event, ui) {

                $('#university').val(ui.item.name);

                return false;
            }
        })


            .data("autocomplete")._renderItem = function (ul, item) {
            return $("<li></li>")
                .data("item.autocomplete", item)

                .append("<a>" + item.name + "</a>")
                .appendTo(ul);
        };

    });

jsfiddle.net/venomoustoad/9yBcZ

「POST リクエストを使用してください」というメッセージが表示されるのはなぜですか?

理想的には、jsonsample オブジェクトに名前を入力するためのオートコンプリートを探しています。

4

1 に答える 1

1

ソースを文字列として持っています。引用符は必要ありません

source: 'jsonsample',

それらを削除します

source: jsonsample,

デモのタイプを間違えたようです

.data( "autocomplete" )._renderItem = function( ul

そのはず

.data( "ui-autocomplete" )._renderItem = function( ul

配列に値が必要です

    [{
        "value": "Stanford University"
        "name": "Stanford University"
    }, {

JSFiddle: http://jsfiddle.net/NsBGH/

于 2013-09-11T04:29:02.990 に答える