selectタグのime無効

[新着] Webテンプレートを仮オープンしました



0   名前: TOSA : 2007/07/20(金) 22:30  ID:vV3Z2APy sub-6Z
はじめまして!
現在ページを作っていて下記のリストを設けています。

<select name="LIST1">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>

半角モードの時はキーで「1」「2」「3」と打てばそれに従ってリストも選択されるのですが、
全角モードの時はそれが出来ません。
全角モードの時も半角モード時と同じ動きが出来るようにしたいので
どなたか制御の方法を知っていたら、教えてください・・・!

※最初「<select name="LIST1" style="ime-mode: disabled;">」とやってみたのですが
「 style="ime-mode: disabled;"」ってテキスト入力にしか効かないんですね・・・。

1   名前: 匿名 : 2007/07/20(金) 22:30  ID:epW2eUw6 sub-8t
selectでは難しいようですね。
同じ動きとは言えない上、非常に限定的ですが、JavaScriptで次のように書いてみました。
onload = function() {
    document.onkeypress = function() {
        var kc = event.keyCode - 65296;
        if (kc < 0 || 9 < kc) return;
        var opt = document.getElementsByName('LIST1')[0].options;
        for (var i = 0; i < opt.length; i++) {
            if (opt[i].text.charAt(0) == kc && !opt[i].selected) {
                opt[i].selected = true;
                break;
            }
        }
    }
}

2   名前: 匿名 : 2007/07/20(金) 22:30  ID:UjLFTJgU sub-Cz
>>1 を見て思い出した。スレ主の要望とはちと違いますが。

select 要素をインクリメンタルサーチするブックマークレット
http://yusuke.homeip.net/diary/2007/05/08/1178596172277.html

一覧へ戻る