jquery设置tabindex和游标

Posted 2023-03-05

【中文标题】jquery设置tabindex和游标

【英文标题】：jquery set tabindex and cursor

【发布时间】：2011-10-10 19:06:34

【问题描述】：

我有以下代码将 tabindex 分配给我的表单 ID“register1”。一旦分配了tabindexes，我想将光标放在第一个输入上或选择表单上的列表项（tabindex = 1的项目）。但下面一行：$('#register1').find('input').attr('tabindex',1).select(); 重置所有输入的 tabindex。

完整代码：

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

谢谢

【参考方案1】：

试试：

$('#register1').find('input[tabindex=1]').whatyouwant()

【参考方案2】：

只需使用条件在循环中选择带有 tabindex 1 的项目：

$(function()
    var tabindex = 1;
    $('#register1').find('input,select').each(function() 
        if (this.type != "hidden") 
            var $input = $(this);
            $input.attr("tabindex", tabindex);

            // select the first one.
            if (tabindex == 1) 
               $input.select();
            
            tabindex++;
        
    );
);