选项卡到输入条件后的下一个选项卡索引
Tab to next tab index after input condition
在满足条件后,我试图自动添加到下一个tabindex。知道如何在不使用下一个元素的id标记的情况下访问tabindex吗?。
HTML:
<tr>
<td id = "t3"> <input type="text" id = "ate" oninput="ate()" tabindex= "1" class = "tabable"/> </td>
<td id = "t3"> <input type="text" id = "eaten" oninput ="eaten()" tabindex= "2" class = "tabable" /> </td>
</tr>
JS
function ate(){
var value = document.getElementById("ate").value;
var get_tab = document.getElementById("ate").getAttribute('tabindex');
var next_tab = get_tab + 1 ;
if (value == "ate") {
$('#ate').fadeTo(1000, 0);
$('#ate').prop('tabIndex', -1);
//document.getAttribute('tabindex'); ??
}
Yo可以用这个选择器选择一个元素:
$('input[tabindex="2"]')
使用类名.tabable
查找下一个input
并添加.focus()
。
下面是一个实际示例:
function ate() {
var value = document.getElementById("ate").value;
var get_tab = document.getElementById("ate").getAttribute('tabindex');
var next_tab = get_tab + 1;
if (value == "ate") {
$('#ate').fadeTo(1000, 0);
$('#ate').prop('tabIndex', -1);
//document.getAttribute('tabindex'); ??
$('#ate').next('.tabable').focus();
}
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<tr>
<td id="t3">
<input type="text" id="ate" oninput="ate()" tabindex="1" class="tabable" />
</td>
<td id="t3">
<input type="text" id="eaten" oninput="eaten()" tabindex="2" class="tabable" />
</td>
</tr>
相关文章:
- 如何为下拉列表的每个选项添加一个属性
- 单击按钮进入下一个选项卡,而不是单击选项卡
- 表单域中的选项隐藏下一个域中的选项
- jQuery UI 选项卡 - 将参数设置为下一个/上一个按钮单击
- jQuery - 根据标识符获取下一个选项的总值
- jQuery - 根据属性在所选选项之后的下拉列表中获取下一个选项的总值
- 遍历下一个和上一个 jQuery 选项卡
- jQuery-根据属性在下拉列表中获取所选选项之后的下一个选项的值
- 如何使用“引导”来选择引导选项卡;下一个“;按钮我遵循了其他答案,但没有奏效
- 引导选项卡-下一个和上一个按钮
- Jquery UI选项卡&选择方框-下一个/上一个按钮
- 使用jQuery选择下一个选项
- 下一个选项下拉框使用另一个按钮
- j查询滑动选项卡:控制选项 - 下一个/上一个
- j查询带有下一个/上一个的 UI 选项卡
- 如何在使用angularjs选项卡时单击按钮移动到下一个选项卡
- 如果用户不更改该选项,请将焦点移动到下一个字段
- 引导选项卡 - 下一个和上一个按钮
- 如何获取上一个/下一个非禁用选项的索引(相对于所选选项)
- 想要禁用我的下一个按钮,直到使用 JavaScript 填充我的全部选项