document.addEventListener('DOMContentLoaded', function () {
    const selectElement = document.getElementById('icon_for_category'); // The <select> element
    const iconPreview = document.getElementById('selected-icon'); // The <img> for the preview

    // Listen for changes on the select element
    selectElement.addEventListener('change', function () {
        // Get the selected <option>
        const selectedOption = selectElement.options[selectElement.selectedIndex];

        // Update the <img> source with the selected option's value
       
        if (selectedOption) {
            // Update the <img> source with the selected option's value
            iconPreview.src = selectedOption.value;
        }
    });
});