jQueryのオートコンプリートcomponent_jqueryの詳細な分析

简单实例

复制代代码如下:

< ;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
< html xmlns="http://www.w3.org/1999/xhtml">















< ;/html>

効果図：

上記代コード中、页面初期化時候将页面上の入力パッケージ化jQueryオブジェクトは、次に autocomplete() メソッドを使用して、そのパッケージを自動完了コンポーネントに設定すると同時に、その最小処理長の選択とデータソースの選択を初期化します
2: 自動完了コンポーネントのメソッド
検索、開く、フォーカス、選択、閉じる、変更イベント

复制代代码如下:

function(event, ui) {
//event: イベント発生時のイベント对オブジェクト
//ui, 是用户界面对，ui.item はラベルと値のプロパティを含むオブジェクト
}

复制代代码如下:

< ;script type="text/javascript" src="JS/jquery.ui.core.js">


< script type="text/javascript" src="JS/jquery.ui.autocomplete.js">

マイ検索エンジン

	検索

效果图：