我可以在JavaScript中动态设置tabindex吗？

Question

有没有像tab-index这样的属性？

背景：我正在Web表单中创建一个可见或不可见的部分，具体取决于某些条件，我希望在特定部分可见时手动设置Tab-Index。

Answer 1

document.getElementById("link3").tabIndex = 6; 

Answer 2

动态创建并重置HTML元素的tabIndex。

tabindex属性指定HTML元素（例如“li”，“a”e.t.c的集合）的Tab键顺序。所有主流浏览器都支持tabindex属性。

对于这个实例，让列表项“li”设置tabindex。通常tabindex将从'0'开始，但是我们可以将它重置为从'1'开始。我正在使用Jquery来做到这一点。

See It Working Here

<ul id="dfruits"> 
<li>Apple</li> 
<li>Dragonfruit</li> 
<li>Damson</li> 
<li>Cloudberry</li> 
<li>Blueberry</li> 
<li>Cherry</li> 
<li>Blackcurrant</li> 
<li>Coconut</li> 
<li>Avocado</li> 
<li>Pinaple</li>  
</ul> 

$(document).ready(function() { 

var 
SomeFruitsList=$("ul#dfruits li"), 
//set tab index to starts from 1 
tabindex = 0; 

SomeFruitsList.each(function() { 
// add tab index number to each list items 
    tabindex++; 
$(this).attr("tabindex","TabIndex " +tabindex); 

var tabIndex = $(this).attr("tabindex"); 
// add tab index number to each list items as their title 
$(this).attr("title",tabIndex); 

    $(this).append('<br/><em>My tabIndex is number: '+tabIndex+'<em>') 
}) 
    }); 

Answer 3

使用JQuery我们可以设置标签索引动态容易 试试这个代码 - 设置tabindex并增加可变

$(function() { 
    var tabindex = 1; 
    $('input,select').each(function() { 
     if (this.type != "hidden") { 
      var $input = $(this); 
      $input.attr("tabindex", tabindex); 
      tabindex++; 
     } 
    }); 
});