Javascript jquery关注多个类型的下一个输入

我有下面的方法可以很好地工作，它跳过禁用的字段并将焦点移动到下一个活动文本输入。我的表单有文本字段、复选框和选择列表。如何将类型select添加到此中，使其导航到类型text或select

我尝试了

[type=text:select]

，但没有成功

 $('input').on('keydown', function (e) {
    if (e.keyCode == 13) {
        e.preventDefault();
        $('input[type=text]:enabled:not(:read-only)')[$('input[type=text]:enabled:not(:read-only)').index(this)+1].focus();
    }
});

---

您可以使用多选择器语法，也可以缓存元素选择的结果以避免重复

$('input, select').on('keydown', function (e) {
    if (e.keyCode == 13) {
        e.preventDefault();

        var $els = $('input:text, select').filter(':enabled:not([readonly])');
        $els.eq($els.index(this) + 1).focus();
    }
});

---

您可以使用多选择器语法，也可以缓存元素选择的结果以避免重复

$('input, select').on('keydown', function (e) {
    if (e.keyCode == 13) {
        e.preventDefault();

        var $els = $('input:text, select').filter(':enabled:not([readonly])');
        $els.eq($els.index(this) + 1).focus();
    }
});

---

您可以使用多选择器语法，也可以缓存元素选择的结果以避免重复

$('input, select').on('keydown', function (e) {
    if (e.keyCode == 13) {
        e.preventDefault();

        var $els = $('input:text, select').filter(':enabled:not([readonly])');
        $els.eq($els.index(this) + 1).focus();
    }
});

---

您可以使用多选择器语法，也可以缓存元素选择的结果以避免重复

$('input, select').on('keydown', function (e) {
    if (e.keyCode == 13) {
        e.preventDefault();

        var $els = $('input:text, select').filter(':enabled:not([readonly])');
        $els.eq($els.index(this) + 1).focus();
    }
});

---

这会产生语法错误

Uncaught error:syntax error，无法识别的表达式：unsupported pseudo:read-only

这会起作用，它将前进到第一个select输入，但当焦点当前集中在select输入上时，它将不会集中到下一个输入上。上述注释的解决方案是将select添加到on操作中，如下所示：

$（“输入，选择”）。on（“keydown”，函数（e）{}

给出语法错误

未捕获错误：语法错误，无法识别的表达式：不支持的伪：只读

此操作有效，它将前进到第一个select输入，但当焦点当前位于select输入时，它不会聚焦到下一个输入上述注释的解决方案是将select添加到on操作中，如下所示：

$（“输入，选择”）。on（“按键”，函数（e）{}）

给出语法错误的

未捕获错误：语法错误，无法识别的表达式：不支持的伪：只读

此操作有效，它将前进到第一个select输入，但当焦点当前集中在select输入上时，它将不会集中到下一个输入上。上述注释的解决方案是将select添加到on操作中，如下所示：

$（“输入，选择”）。on（“keydown”，函数（e）{}

给出语法错误

未捕获错误：语法错误，无法识别的表达式：不支持的伪：只读

此操作有效，它将前进到第一个select输入，但当焦点当前位于select输入时，它不会聚焦到下一个输入上述注释的解决方案是将select添加到on操作中，如下所示：

$（“输入，选择”）。on（“按键”，函数（e）{}