0

これは私の Jquery スクリプト コードです。

<script type="text/javascript">

        var months = ['01 - January', '02 - February', '03 - March', '04 - April', '05 - May', '06 - June', '07 - July', '08 - August', '09 - September', '10 - October', '11 - November', '12 - December'];    

$().ready(function() {

    $("#month").autocomplete(months,{minChars: 0,max: 12,autoFill: true,mustMatch: true,matchContains: false,scrollHeight: 220,
    formatItem: function(data, i, total) 
    {
            // don't show the current month in the list of values (for whatever reason)
            if ( data[0] == months[new Date().getMonth()] ) 
                return false;
            return data[0];
    }
    });


    $("#clear").click(function() {
        $(":input").unautocomplete();
    });
});
</script>

</head>
<body>
<div id="content">

    <form autocomplete="off">
        <p>
            <label>Single Month:</label>
                <input type="text" id="month" />

        </p>
        <input type="submit" value="Submit" />
    </form>
</div>
</body>

キー「01」を入力すると、「01 - 1 月」のみが tat リストに表示されます。マウスをクリックするかEnterキーを入力してオプションを選択すると、テキストボックスに表示されます。しかし、入力フィールドに月コードのみを表示する必要があります。リストボックスにのみ、月の説明とともに月のコードを表示する必要があります。入力ボックスに月の説明を表示したくありません。もう1つは、リストを表示するために矢印ボタンを表示する必要があります。これどうやってするの ?

4

1 に答える 1

1

このフィドルを参照してください。私はすべての月を追加していません。:) しかし、アイデアは、両方のデータを含む配列をオートコンプリート ウィジェットに渡すことです。オートコンプリート ウィジェットは、次のいずれかの配列形式のデータ ソースを想定しています。

  • label プロパティ、value プロパティ、またはその両方を含むオブジェクト
  • 単純な文字列値

「ドロップダウン」矢印を追加するには、jQuery ドキュメントのこのサンプルを参照してください。かなり長いですが、完成するととても見栄えがします。

于 2012-10-03T18:19:52.457 に答える