入力可能でインクリメンタル検索もできるコンボボックス(ただしIE限定)

あると便利なんだよね~、ということで作ってみた。考え方としては

  • 入力部分はinput="text"
  • [▼]ボタンはinput="button"
  • ドロップダウンメニューはDHTMLでpopup window

なのでIE限定。ただし見栄えはいろいろ変えられる。実行結果は⇒見たいな感じ。

ソースはこんな感じ。

  • textへのキー入力でデータを取得して、popup windowオブジェクトを作成
  • [▼]押下でそのpopup windowを表示する
<HTML>
<HEAD>
<TITLE>Popup comb</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<SCRIPT LANGUAGE="JScript">

</SCRIPT>
</HEAD>
<body onload="startup();">
<form name="form1">
製品名:
<input type="text" name="product" STYLE="width: 150px;" onkeyup="getNewProductName(this.value)">
<input type="button" value="▼" onClick="PopupMenu();"><BR>
</form>
</body>
</HTML>

サーバ側のproductchangedは前回と同じもの

一応動くけど、IE限定というのはね~。業務システムなら「IE5.5以上」という要件で縛りをかけることもできるけど、ちょっとアレだよね。ということでFirefoxでも動く方法も探してみたら、意外と身近なところにあった。