Deteccion de cambios incluyendo select, input, textarea y checkbox

ci4/app/Views/themes/backend/vuexy/form/presupuestos/cosidotapablanda/viewCosidotapablandaForm.php

@@ -117,7 +117,7 @@
 <?= $this->section("additionalInlineJs") ?>
 
     // Obtener todos los campos de entrada del formulario
-    const formInputs = document.querySelectorAll('input, textarea');
+    const formInputs = document.querySelectorAll('input, textarea, select');
 
     //console.log(formInputs)
 
@@ -126,30 +126,50 @@
 
     // Guardar los valores originales
     formInputs.forEach(function(input) {
-        originalValues[input.id] = input.type === 'checkbox' ? input.checked : input.value;
+        if (input.type === 'checkbox') {
+            originalValues[input.id] = input.checked;
+        } else {
+            originalValues[input.id] = input.tagName.toLowerCase() === 'select'
+            ? $(input).val() // jQuery para obtener el valor de un select2
+            : input.value;
+        }
     });
 
+console.log(originalValues)
+
     // Agregar un evento de cambio a cada campo de entrada
     formInputs.forEach(function(input) {
-        console.log(input.type)
+        if (input.tagName.toLowerCase() === 'select' && $(input).data('select2')) {
+            // Para elementos select2
+            $(input).on('change', function() {
+                verificarCambios();
+            });
+        } else {
+            // Para otros tipos de campos
             input.addEventListener('input', function() {
-            //console.log(input.value)
+                verificarCambios();
+            });
+        }
+    });
+
+    function verificarCambios() {
         // Verificar si hay cambios con respecto a los originales
-            const cambiosDetectados = Array.from(formInputs).some(function(input) {
+        var cambiosDetectados = Array.from(formInputs).some(function(input) {
-                return input.type === 'checkbox' ?
+            return input.type === 'checkbox'
-                    input.checked !== originalValues[input.id] :
+                ? input.checked !== originalValues[input.id]
-                    input.value !== originalValues[input.id];
+                : input.tagName.toLowerCase() === 'select'
+                    ? $(input).val() !== originalValues[input.id]
+                    : input.value !== originalValues[input.id];
         });
 
         // Mostrar alerta solo si hay cambios
         if (cambiosDetectados) {
             showBreadCrumbSaveButton(true);
-                console.log('¡Se detectaron cambios!');
         }else{
             showBreadCrumbSaveButton(false);
         }
-        });
+    }
-    });
+
 
 
 <?= $this->endSection() ?>