jQuery : 동적으로 새 텍스트 필드 추가

Question

내 목표는 사용자가 Tab 키를 누를 때마다 새 텍스트 필드를 추가하는 것입니다. 불행히도 하나의 필드 만 추가 한 다음 중지됩니다.

$('input[type="text"]').keydown(function (e) { 
    if(e.keyCode === 9) { 
     var div = $('#fields'); 
     div.append('<br><input type="text">'); 
    } 
}); 

html로 ...

<div id="fields"> 
    <input type="text" id="textbox1" autofocus> 
</div> 

Answer 1

당신은 첫 번째 입력에 keydown() 기능을 추가하고 있습니다.

입력의 각 연속 인스턴스에 추가

$(document).ready(function() { 
    $('input[type="text"]').keydown(addInput); 
}); 

function addInput(e) { 
    if(e.keyCode === 9) { 
     var div = $('#fields'); 
     var input = $('<br><input type="text">'); 
     input.keydown(addInput); 
     div.append(input); 
    } 
}