入力可能でインクリメンタル検索もできるコンボボックス(ただし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でも動く方法も探してみたら、意外と身近なところにあった。