0
226
Views¿Existe una forma más sencilla de configurar el texto del cuerpo modal por nombre de clase?
Estoy usando Bootstrap 5.1.3 con Pure Vanilla JavaScript y puedo configurar el contenido .modal-body usando lo siguiente:
function showBSModal(modalid, inputid) { var myModal = new bootstrap.Modal(document.getElementById(modalid), {}); var theValue = document.getElementById(inputid).value; const parent = document.getElementById(modalid); parent.querySelector(".modal-body").innerHTML = "Successfully Delete Uesr with ID: " + theValue; myModal.show(); }; Aquí estoy pasando modalid y la identificación de mi cuadro de entrada ( inputid ) dinámicamente y obteniendo el resultado deseado.
myModal.querySelector en lugar de parent.querySelector pero no funcionó porque el navegador no acepta myModal.querySelector .
Pregunta: ¿Hay algo mejor que decir para lograr lo anterior?
·
Juan Pablo Isaza
1 answers
Answer question0
myModal es un objeto modal y no un elemento HTML. Carguemos el elemento HTML, almacenémoslo en una variable y usémoslo en su lugar.
function showBSModal(modalid, inputid) { let context = document.getElementById(modalid); var myModal = new bootstrap.Modal(context, {}); var theValue = document.getElementById(inputid).value; context.querySelector(".modal-body").innerHTML = "Successfully Delete Uesr with ID: " + theValue; myModal.show(); };
·
Juan Pablo Isaza
Report
Answer question