jQuery UI+プラグイン(オートコンプリート機能)

先頭の文字を何文字か入力すると、それに応じて合致する文字のリストを表示する

$(function () {
  $('#keyword').autocomplete({
    source: '../../../resources/autocomplete.php',
    delay: 500,
    minLength: 1,
    select: function (e, ui) {
      if (ui.item) { $('#result').html(ui.item.id); }
    }
  });
});

RapidWEaver上では実行出来ない、ちゃんとサーバーにアップした状態が必要。候補になる文字は自分でPHPに記述する必要がある。



実行例 

html
<input type="text" id="keyword" size="25" />
<div id="result"></div>