сосредоточиться на вновь созданном поле ввода на размытие

Question

У меня есть форма, которая создает поля на основе входных данных.Когда пользователь заполняет #invId, мне нужно создать следующее поле #invIdDate и затем сосредоточиться на нем.

Я пробовал это:

$(document).on('blur','#invId',function(){
    $('#invDateField').html("<input type='text' id='invDate' name='invDate' placeholder='Invoice Date'>");
           setTimeout(function(){
                $('#invDate').focus();
           }, 50);
});

также пробовал:

 $('body').on('blur','#invId',function(){
        $('#invDateField').html("<input type='text' id='invDate' name='invDate' placeholder='Invoice Date'>");
        $('#invDate').focus();
  });

//  note: #invDatefield is the id of a cell in table.

результат - когда я вкладываю #invId, я перехожу в поле URL Chrome.

Answer 1

У меня были проблемы с добавленными входами, попробуйте найти его после добавления:

$('#invDateField').find('input').focus();