类似智能购票的demo--进入页面后默认焦点在第一个输入框，输入内容、回车、right时焦点自动跳到下一个，当跳到select时，下拉选项自动弹出，并且可以按上下键选择，选择完成后再跳到下一个。

要实现的效果：进入页面后默认焦点在第一个输入框，输入内容、回车、right时焦点自动跳到下一个，当跳到select时，下拉选项自动弹出，并且可以按上下键选择，选择完成后再跳到下一个。

PS：自己模拟的一个简单效果，但仍然存在问题：网上搜了许多，关于select自动弹出的问题，仍然没有解决，现在其实觉得select那里实现的只是一个假象。当跳到第一个select时，option弹出，选择后跳到第二个，但是再返回第一个后，第一个select的option就弹不出来了。。这里该怎么实现呢？？？

希望同学们看到后有什么方法可以留言，可以完成一个完整的，谢谢。

  
  
  
      
      
      
      
      
  
  
  
    
  
        
  
            
  
                  
                  
                  
                  
                  
                  
                  
                  
                  
                    选项一  
                    选项二  
                    选项三  
                  
                  
                    选项一  
                    选项二  
                    选项三  
                  
            
  
        
  
        


  
        
默认焦点在第一个；当input输入内容大于10、right、回车，焦点跳到下一个；按left返回上一个；
  
    
  
  
  
  
  
  

$(document).ready(function () {  
    //keycode 37 = Left, keycode 38 = Up, keycode 39 = Right, keycode 40 = Down  
    //默认焦点在第一个；当input输入内容大于10、right、回车，焦点跳到下一个；按左键返回上一个；  
    $('input').eq(0).focus();  
    $("[name^='demo_']").keydown(function (e){  
        var k = e.keyCode;  
        if (k == 13 || k == 39 || $(this).val().length >= 10) { //回车 or right or >10  
            if($('#demo_4') || $('#demo_5')){  
                $(this).next().focus();  
            }else{  
                $(this).next().focus();  
                return false;  
            }  
        } else if (k == 37) { //left  
                $(this).prev().focus();  
                $(this).prev().focus(function (){  
                    var obj = e.srcElement ? e.srcElement : e.target;  
                });  
        }  
    })  
});