jQuery - 在远离选择选项时使用箭头键

时间:2014-11-14 15:26:47

标签: javascript jquery

以下jQuery是我用来浏览jQDialog预订文档中的输入元素的内容。我已经为我想要浏览的每个元素添加了一个名为move的类。

我遇到的一个问题是,当我离开select选项时,它会在按键时离开它,但会将select选项更改为下一个值。有没有办法禁用它?

我遇到的另一个问题是,在浏览move课程时,它似乎没有按照我期望的顺序执行此操作(它不一样按Tab键,shift + tab键排序)

的jQuery

$(function  (){
    var keyUp = 38;
    var keyDown = 40;

    $(document).keydown(
        function(e)
        {
            var moves = $(".move");
            // Key up function
            if (e.keyCode == keyDown) {
                for(i = 0; i <= moves.length; i++) {
                    if (moves[i] == $(".move:focus").get(0)) {
                       $(moves[i + 1]).focus();
                        break;
                    }
                }
            }
            if (e.keyCode == keyUp) {
                for(i = 0; i <= moves.length; i++) {
                    if (moves[i] == $(".move:focus").get(0)) {
                       $(moves[i - 1]).focus();
                        break;
                    }
                }
            }
        }
    );
});

选择HTML示例:

                <select id="txt-payment" class="input-select move right" />

                  <option value="Cash">Cash</option>
                  <option value="Acc">Acc</option>
                  <option value="CC">CC</option>
                  <option value="PP">PP</option>

                </select> 

非常感谢任何帮助!

0 个答案:

没有答案