Campos creados por el complemento repetible de Rhyzz en https://www.rhyzz.com/repeatable-fields.html y funciona correctamente para pasar valores a la base de datos.

Necesito obtener valor del campo de entrada de texto virtual usando $("#vids_fid0_url").on("input", function() {}) antes de enviar el campo , para evitar múltiples pasos por parte del usuario que implican guardar para hacer el campo disponible en el documento HTML, luego siga los pasos para ingresar el valor del campo y guárdelo nuevamente.

Resultado Esperado

Cuando se ingresa una URL de Youtube en el campo denominado URL , debe mostrarse un botón a la derecha de la fila y el título del video debe tomarse del objeto JSON remoto e ingresarse en el campo denominado Título .

El código

 $("#vids_fid0_url").on("input", function() { if( $(this).val().search(/youtu/i) != -1 ) { $("#get_ytimg_btn").show(); url = $(this).val(); $.get("https://www.youtube.com/oembed?url="+url+"&format=json", function(data) { $("#vids_fid0_title").val(data.title); }); } });

El método no se ejecuta porque no hay ningún campo HTML literal con el ID a menos que se guarde el documento.

Intentó

varios formatos addEventListener() sin éxito