$ = jQuery.noConflict(); function menuRespuesta(id){ var htmlTextArea = `

Tipo de respuesta

`; return htmlTextArea; } function modalBox(id,textButton,typeResponse){ var htmlModalBox = ''; return htmlModalBox; } function addMoreInput(){ var currentInput = document.querySelectorAll(".c-input-fill-item"); var lastInput = currentInput.length - 1; var htmlInput ='
'+ ''+ '
'; currentInput[lastInput].insertAdjacentHTML('afterend', htmlInput); console.log("lastInput",lastInput) } function openModal(event){ var dataId = event; var id = dataId.getAttribute("data-id"); var textButton = dataId.textContent; var typeResponse = dataId.getAttribute("data-type") var ubicationModal = document.querySelector("#wpwrap"); console.log("body",textButton) ubicationModal.insertAdjacentHTML('afterend', modalBox(id,textButton,typeResponse)); console.log("idxxdataid",dataId) console.log("idxx",id) } function cancelModal(){ var elementModal = document.querySelector(".modalWrap"); elementModal.remove(); } function saveModal(event){ var btnSave = event; var btnSaveId = btnSave.getAttribute("data-id"); var typeValueResponse = btnSave.getAttribute("data-type"); console.log("btnSave",btnSaveId); var inputsElements = document.querySelectorAll(".c-input-fill-item input"); console.log("inputsElements",inputsElements) var inputValuesData ={ options:[], parameters:typeValueResponse }; if (inputsElements[0].value.trim() === "") { alert("Debe llenar al menos una opción"); }else{ for(var e = 0; e < inputsElements.length; e++ ){ var inputValue = inputsElements[e]; if (inputValue.value.trim() === "") { }else{ console.log("ddddd",inputValue.value); var infod ={}; infod['value'] = inputValue.value; console.log("infod",infod) inputValuesData.options.push(infod); } } var dataForSaved = document.querySelector('textarea[id="'+btnSaveId+'"]'); dataForSaved.value = JSON.stringify(inputValuesData); cancelModal(); console.log("inputValuesData",inputValuesData) } } // bloque 1: recorriendo los inputs para agregar menu tipo de respuesta var itemsQuestions = document.querySelectorAll(".tipo_respuesta textarea"); for(var i = 0; i < itemsQuestions.length; i++ ){ var element = itemsQuestions[i]; var hasValue = element.value var parentTextarea = element.closest(".acf-input"); var idElement = element.getAttribute("id"); if (hasValue.length > 0) { parentTextarea.insertAdjacentHTML('afterend', menuRespuesta(idElement)); } } $(document).ready(function() { });