表单切换,用回车键替换Tab健。

表单切换,用回车键替换Tab健。

<div>
    <form>
        <input name="a" tab="1" />
        <input name="a" tab="3" />
        <input name="a" tab="2" />
        <input name="a" tab="5" />
        <input name="a" tab="4" />
        <input type="submit" value="submit" />
    </form>
</div>
<script type="text/javascript">
    var inputs = document.getElementsByTagName("input");
    for (i = 0; i < inputs.length; i++) {
        inputs[i].onkeydown = function(e){
            if (e.keyCode == 13) {
                var input = getInputByTab(parseInt(this.getAttribute("tab")) + 1);
                if (input) {
                    input.focus();
                    return false;
                }
            }
        }
    }
 
    function getInputByTab(t) {
        for (i =0; i < inputs.length; i++) {
            if (inputs[i].getAttribute("tab") == t)
                return inputs[i];
        }
        return false;
    }
</script>

input的属性tab的值表示切换的顺序,这个值必须是连续的,并且不能重复。

目前不支持IE

posted @ 2011-06-10 18:05  Yuxing  阅读(1246)  评论(0编辑  收藏  举报