html text input 2 ช่องจะทำให้มันสลับไปมายังไงดีครับ

[tcool]

สวัสดีครับ

ขอบสอบถามหน่อยนะครับพอดีผมติดปัญหาเรื่องว่า

ปกติแล้วผมใช้ text input 1 ช่อง แล้วก็ใช้ ajax ในการรับค่าลง database ครับ ซึ่งมันก็ใช้ได้ตามปกติครับ

แต่ตอนนี้มันจะมีช่อง text input ขึ้นมาอีก 1 ช่อง ถ้าพูดถึงเรื่อง text input อย่างเดียวไม่ข้อสอบถามเรื่องรับค่าลง database นะครับ(เดียวมั่วเองในส่วนนี้ครับ)

ผมจะทำอย่างไรได้บ้างครับโดยที่

text input 1 เมื่อใส่ข้อความแล้วกด enter ก็จะมาช่อง text input 2 เมื่อใส่ข้อความแล้วกด enter ก็จะไปช่องที่ text input 1 ครับ วนแบบนี้ไปเรื่อยๆ ครับ

มันจะใช้ javascript หรือ ajax อะไรได้บ้างครับ ผมใช้ php ครับ

ขอบคุณมากครับ

[wiriyaarmz]

ลองทำความเข้าใจดูนะครับ

โค้ด เลือก ขยาย


<form>
  <input id="input1" type="text">
  <input id="input2" type="text">
  <button type="submit">submit</button>
</form>

<script>
    $(document).ready(function(){
        //Trigger when #select-1 value change
        $('#input1').on('keypress',function(e){
            if(e.keyCode == 13){
                e.preventDefault();
                $("#input2").focus();
            }
        });

        $('#input2').on('keypress',function(e){
            if(e.keyCode == 13){
                e.preventDefault();
                $("#input1").focus();
            }
        });
    });
</script>