ウェブページ上のプルダウンメニューをキーボード入力で制御するには

ウェブページ上のプルダウンメニューをキーボード入力で制御するには
どうすればいいのでしょうか。

プルダウンメニューとは
<SELECT NAME="test">
<OPTION VALUE="">項目1</OPTION>
<OPTION VALUE="">項目2</OPTION>
....
</SELECT>
のようなものです。

意味不明でしたら加筆修正しますのでよろしくお願いします。

No.1 ベストアンサー 回答者： SAYKA 回答日時： 2010/03/07 15:41

メニューにフォーカスが有る状態でカーソルキー

OSやブラウザによってはaltとかのモディフィアキーを組み合わせないと駄目な場合も有るけど　基本カーソルキー。


フォーカスはtabで変移

この回答へのお礼

ご回答ありがとうございます。
それが知りたかったんです！

お礼日時：2010/03/08 18:45

No.3 回答者： askaaska 回答日時： 2010/03/08 16:28

「制御」が何をしたいのかがわからないわね。

単に、キーボードで選択したいのなら
プルダウンにフォーカスが当たった状態で
上下キーを押せば選べるし
ALT押しながら上下キーを押せば
一覧が見えるわ。

この回答へのお礼

ご回答ありがとうございます。
それが知りたかったんです！

お礼日時：2010/03/08 18:45

No.2 回答者： yambejp 回答日時： 2010/03/08 11:04

たとえばこんな感じで

入力系の制御なので、もう少し条件を絞る必要があると思います

<script>
try{
document.addEventListener('keydown',function(e){func(e)},true);
}catch(e){
document.attachEvent('onkeydown',function(e){func(e)});
}
function func(e){
var t　= (e.srcElement || e.target);
var test=document.getElementById("test");
var k = e.keyCode;
var keylist={49:0,50:1,51:2,52:3,53:4,97:0,98:1,99:2,100:3,101:4};
if(typeof keylist[k]=="number") test.selectedIndex=keylist[k];
}
</script></script>
<SELECT NAME="test" id="test">
<OPTION VALUE="">項目1</OPTION>
<OPTION VALUE="">項目2</OPTION>
<OPTION VALUE="">項目3</OPTION>
<OPTION VALUE="">項目4</OPTION>
<OPTION VALUE="">項目5</OPTION>
</SELECT>

この回答へのお礼

ご回答ありがとうございます。

すみません、他のかたに回答いただいた内容が知りたかったです。
お手数をおかけいたしました。m(_ _)m

お礼日時：2010/03/08 18:46