Si el elemento se selecciona en el elemento seleccionado creado dinámicamente, ingrese la necesidad de presionar dos veces para mover el foco al siguiente elemento.

¿Cómo solucionar esto para que una sola pulsación de entrada seleccione el elemento y mueva el foco al siguiente elemento en el formulario?

Para reproducir, ejecute el fragmento y abra el elemento de selección Prueba. Pulse la tecla Intro. El elemento seleccionado permanece enfocado. Solo la segunda selección mueve el foco al siguiente elemento.

¿Cómo solucionar esto para que la primera entrada mueva el foco al siguiente elemento?

 document.addEventListener('keydown', function(e) { if (event.keyCode === 13 && event.target.nodeName == 'SELECT') { var form = event.target.closest('form'); var index = Array.prototype.indexOf.call(form, event.target); form.elements[index + 1].focus(); return false; } });

 <form> <div id="Customer">Customer</div> <select> <option value="">Test</option> <option value="">Test</option> </select> <input type="text"> <select> <option value="">Test</option> <option value="">Test</option> </select> <select> <option value="">Test</option> <option value="">Test</option> </select> <input type="text"> </form>

Se utilizan jquery y Bootstrap 5.