인풋 테그가 연속으로 작성되는 방법
본문
이것처럼 인풋 테그가 6개가 있는데요
한칸에 글자 하나인데요 바로 다음칸으로 넘어가면서 쭉써지게 하고싶은데;;
방법을 모르겠어서 문의드립니다.
인풋 테그가 탭키를 누르지안아도 연속으로 작성되는 방법
답변 2
$(function() {
$(".test").on("keyup", function() {
$(this).next("input.test").focus();
});
});
<input type="text" name="" class="test" maxlength="1" />
class는 원하시는 걸 쓰시면 되겠네요.
아 한글자로 제한이 되어있었네요. 이 답변이 맞습니다.
<input id="input1"><input id="input2"><input id="input3">
이렇게 있다고 할 때
<script>
$(document).ready(function() {
$("#input1").on("keyup", function() {
if($("#input1").val().length >= 4)
$("#input2").focus();
});
$("#input2").on("keyup", function() {
if($("#input2").val().length >= 4)
$("#input3").focus();
});
});
</script>
간단하게 생각나는대로 적어봤습니다.
답변을 작성하시기 전에 로그인 해주세요.