Html 选项卡索引对某些元素无效

我有一个表单，其中我有数据选择器，选择2（自定义下拉搜索）和许多输入，当我按下tab按钮移动下一个字段时，文本区域字段工作正常，但当下一个字段是日期选择器或选择2时，选项卡索引不工作，我希望在所有浏览器中使用通用解决方案。 目前，我正在做静态解决方案，比如获取一个div的id，然后使用1值进行Prop tab索引

$scope.focusFunctionZipV = function(Id){
    var div = '#' + Id;
    $(div).prop('tabindex', '1');
    $(div).select2('open');
    //zipV is a div having zip code with select2
    if(div == '#zipV'){
        $('.datepicker-simple').prop('tabindex', '0');  
    }
}

---

您应该获得id select2 id，然后在关闭事件时将焦点转到下一个字段

$('#currentDiv').select2().on("select2:close", function (e) { 
    $('#nextDiv').focus()
});

和日期选择器

$('#ID').datepicker({
    onSelect: function(dateText, inst) {
        $('#nextIDdiv').focus();
    }    
}); 

---

对于简单输入字段，选项卡工作正常。

分享您的信息code@SuperUser我已经编辑了我的代码，请参见Select2 automatically take

tabindex

check in follow link，当我单击enter打开下拉列表后，当我单击tab时，它会转到页面顶部