Tôi có thể tự động đặt tabindex bằng JavaScript không?

Question

Có thuộc tính nào giống như tab-index không?

TIẾP TỤC: Tôi đang tạo một phần trong biểu mẫu web hiển thị hoặc ẩn tùy thuộc vào một số điều kiện mà tôi muốn đặt chỉ mục tab theo cách thủ công khi phần cụ thể đó hiển thị.

Answer 1

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

Answer 2

Tự động tạo và đặt lại tabMục lục của một phần tử HTML.

Thuộc tính tabindex chỉ định thứ tự tab của phần tử HTML, chẳng hạn như tập hợp "li", "a" e.t.c. Thuộc tính tabindex được hỗ trợ trong tất cả các trình duyệt chính.

Đối với trường hợp này, hãy đặt tabindex cho các mục danh sách "li". Thông thường, tabindex sẽ bắt đầu từ '0', tuy nhiên chúng tôi có thể đặt lại để bắt đầu từ '1'. Tôi đang sử dụng Jquery để làm điều này.

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

Sử dụng JQuery chúng ta có thể thiết lập chỉ số tab động dễ dàng Hãy thử điều này số- thiết lập tabindex và tăng biến

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