Puede funcionar usando jQuery con la ayuda del controlador de eventos

Maneje el evento de clic del cuadro de diálogo modal, pase datos seleccionando #Id en modal y muéstrelo

Algo como.,

 $(document).on("click", ".open-modalDialog", function () { var mytxtInput1Id = $(this).data('txtInput1'); $(".modal-body #txtInput1").val( mytxtInput1Id ); //you have call modal to open here $('#addModalDialog').modal('show'); });

Suponiendo que esto es bootstrap5:

Parece que solo debe obtener el valor después de que se cierre el modal ... que es lo que hace la función adjunta a myModalEl.addEventListener .

event.target devuelve el elemento que tiene el detector de eventos adjunto, pero como dije en los comentarios en el código a continuación, si no es así, entonces hay un millón de formas diferentes de hacerlo.

 var myModalEl = document.getElementById('myModal'); myModalEl.addEventListener('hide.bs.modal', function (event) { // getElementsByName returns a list of elements, so be sure to select an element to perform on document.getElementsByName("name_of_hidden_element")[0].value = event.target.getElementsByName("name_of_element_inside_of_modal")[0].value //event.target.... should work to get the element from inside the modal, but if it doesn't there are several other ways to do so. });