Puis-je définir dynamiquement tabindex en JavaScript?

Question

Existe-t-il un attribut comme tab-index? CONTEXTE: Je rends une section dans un formulaire Web visible ou invisible en fonction de certaines conditions où je veux définir l'onglet-index manuellement lorsque cette section particulière est visible.

Answer 1

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

Answer 2

Créez dynamiquement et réinitialisez tabIndex d'un élément HTML. L'attribut tabindex spécifie l'ordre de tabulation d'un élément HTML, tel que "li", "a" e.ct. L'attribut tabindex est pris en charge dans tous les principaux navigateurs.

Pour cette instance, définissez tabindex pour les éléments de liste "li". Habituellement, tabindex commence à partir de '0', mais nous pouvons le réinitialiser pour commencer à partir de '1'. J'utilise Jquery pour faire ça.

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

En utilisant JQuery nous pouvons définir l'index onglet dynamiquement facilement Essayez cette code- régler la tabindex et incrémenter la variable

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