Tab of jeditable fields and non-jeditable fields

On my website, I have several forms that use the judicable plugin for in-place editing, but then also have selected tags mixed there, and several downloadable inputs. I tried to configure it so that when you press the tab key, it selects the next field. So I tried setting it up to the request to do this.

$('.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;    
       }
  };
}); 

And this works with jeditable fields, but it skips any selection field or loads between them. Is there a way to include the selection fields and so that it really moves to the next input?

+3
source share
1 answer

Have you tried using the HTML attribute tabindex? It works great for jeditable fields.

Script example

-1
source

All Articles