フォームの入力補助javascript「Autosuggest / Autocomplete with Ajax」

フォームなどで何かを入力するとそれにあった言葉を提示してくれるのをオートサジェストなどと呼びます。
訪問者の入力を楽にするほか、忘れていたものを思い出させることもできます。
Autosuggest / Autocomplete with Ajaxはこれを実現するjavascriptです。
AutoSuggest

使用方法
Autosuggest / Autocomplete with Ajaxからbsn.AutoSuggest_2.1.3_comp.jsやautosuggest_inquisitor.cssなどをダウロードします。
<script type="text/javascript" src="http://yourdomain/bsn.AutoSuggest_2.1.3_comp.js"></script>
<link rel="stylesheet" href="http://yourdomain/autosuggest_inquisitor.css" type="text/css" media="screen">
<script type="text/javascript">
var options = {
script:"http://yourdomain/test.php?json=true&limit=10&", //数字は表示件数
varname:"input",
json:true,
shownoresults:false,
};
var as_json = new bsn.AutoSuggest('id名', options);
</script>

以上を書き込んだらオートサジェスト用のフォームを下記のように記述します。
<form method="get">
<input type="text" id="id名">
</form>

フォームの入力補助javascript「Autosuggest / Autocomplete with Ajax」サンプル

sponsors

「フォームの入力補助javascript「Autosuggest / Autocomplete with Ajax」」をシェアする

記事作成:
記事URL:

TOP > > > フォームの入力補助javascript「Autosuggest / Autocomplete with Ajax」