jquery - 设置可编辑字段和不可编辑字段的选项卡

标签 jquery jeditable

在我的网站上,我有几个表单正在使用可判断插件进行就地编辑,但也有混合的选择标签和一些上传输入。我试图将其设置为当您按 Tab 键时它会选择下一个字段。所以我尝试用查询来设置它来执行此操作。

$('.edit').bind('keydown', function(evt) {
  if(evt.keyCode==9) {
    var nextBox='';
    var currentBoxIndex=$(".edit").index(this);

     if (currentBoxIndex == ($(".edit").length-1)) {
          alert('next please');        
       } else {
            nextBox=$(".edit").eq(currentBoxIndex+1); 
            $(this).find("input").blur();
            $(nextBox).click();  
            return false;    
       }
  };
}); 

这适用于可编辑字段,但它会跳过任何类型的选择字段或中间的上传。有没有什么方法可以包含选择字段等,以便它真正切换到下一个输入?

最佳答案

您是否尝试过使用 HTML tabindex 属性?它适用于 jeditable 字段。

Example Fiddle

关于jquery - 设置可编辑字段和不可编辑字段的选项卡,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21760568/

相关文章:

javascript - Bootstrap Typeahead 不显示 valueKey 以相同值开头的建议

javascript - Jeditable 和 .live() 抑制第一次点击

jquery - 带有 JEditable 字段的 Tab 键

jquery - 帮助下拉菜单上的 jquery onchange 事件

jquery - 为什么 Ajax.BeginForm 会替换我的整个页面?

select - jEditable:提交后显示选项文本(而不是值)

javascript - 使用 Jeditable 并在点击时激活

jquery - Jeditable 错误时异步恢复

javascript - 从客户端的 java 脚本保存 base64 字符串(位图数据)

javascript - 如何从异步调用返回响应?