{"id":97975,"date":"2023-08-01T10:08:11","date_gmt":"2023-08-01T08:08:11","guid":{"rendered":"https:\/\/www.gobidgroup.com\/?page_id=97975"},"modified":"2023-08-09T11:52:41","modified_gmt":"2023-08-09T09:52:41","slug":"testform-select","status":"publish","type":"page","link":"https:\/\/www.gobidgroup.com\/en\/testform-select\/","title":{"rendered":"Testform select"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"97975\" class=\"elementor elementor-97975\">\n\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7943aef e-con-boxed e-flex e-con\" data-id=\"7943aef\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;content_width&quot;:&quot;boxed&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-851239f e-con-full e-flex e-con\" data-id=\"851239f\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9c37f9c elementor-widget elementor-widget-shortcode\" data-id=\"9c37f9c\" data-element_type=\"widget\" id=\"rm-newsletter-shortcode\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-shortcode\">\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f99788-o1\" lang=\"en-US\" dir=\"ltr\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/en\/wp-json\/wp\/v2\/pages\/97975#wpcf7-f99788-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<div style=\"display: none;\">\n<input type=\"hidden\" name=\"_wpcf7\" value=\"99788\" \/>\n<input type=\"hidden\" name=\"_wpcf7_version\" value=\"5.8.7\" \/>\n<input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/>\n<input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f99788-o1\" \/>\n<input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/>\n<input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<input type=\"hidden\" name=\"_wpcf7cf_hidden_group_fields\" value=\"[]\" \/>\n<input type=\"hidden\" name=\"_wpcf7cf_hidden_groups\" value=\"[]\" \/>\n<input type=\"hidden\" name=\"_wpcf7cf_visible_groups\" value=\"[]\" \/>\n<input type=\"hidden\" name=\"_wpcf7cf_repeaters\" value=\"[]\" \/>\n<input type=\"hidden\" name=\"_wpcf7cf_steps\" value=\"{}\" \/>\n<input type=\"hidden\" name=\"_wpcf7cf_options\" value=\"{&quot;form_id&quot;:99788,&quot;conditions&quot;:[],&quot;settings&quot;:{&quot;animation&quot;:&quot;yes&quot;,&quot;animation_intime&quot;:200,&quot;animation_outtime&quot;:200,&quot;conditions_ui&quot;:&quot;normal&quot;,&quot;notice_dismissed&quot;:false,&quot;notice_dismissed_update-cf7-5.9.3&quot;:true}}\" \/>\n<input type=\"hidden\" name=\"_wpcf7_recaptcha_response\" value=\"\" \/>\n<\/div>\n<p><label> Your name<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" autocomplete=\"name\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span> <\/label>\n<\/p>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"select-area-di-interesse\"><select class=\"wpcf7-form-control wpcf7-select wpcf7-validates-as-required\" id=\"area\" aria-required=\"true\" aria-invalid=\"false\" name=\"select-area-di-interesse\"><option value=\"\">Area di interesse<\/option><option value=\"Procedure concorsuali\">Procedure concorsuali<\/option><option value=\"Esecuzioni immobiliari\">Esecuzioni immobiliari<\/option><option value=\"Banche e leasing\">Banche e leasing<\/option><option value=\"NPL\">NPL<\/option><\/select><\/span>\n<\/p>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"select-chi-sei\"><select class=\"wpcf7-form-control wpcf7-select wpcf7-validates-as-required\" id=\"chi\" aria-required=\"true\" aria-invalid=\"false\" name=\"select-chi-sei\"><option value=\"\">Chi sei<\/option><\/select><\/span>\n<\/p>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"select-titolo\"><select class=\"wpcf7-form-control wpcf7-select\" id=\"titolo\" aria-invalid=\"false\" name=\"select-titolo\"><option value=\"\">Titolo<\/option><\/select><\/span>\n<\/p>\n<div id=\"targetOptionsContainer\">\n<\/div>\n<input class=\"wpcf7-form-control wpcf7-hidden\" id=\"hiddenInput\" value=\"\" type=\"hidden\" name=\"content\" \/>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Invia\" \/>\n<\/p><p style=\"display: none !important;\" class=\"akismet-fields-container\" data-prefix=\"_wpcf7_ak_\"><label>&#916;<textarea name=\"_wpcf7_ak_hp_textarea\" cols=\"45\" rows=\"8\" maxlength=\"100\"><\/textarea><\/label><input type=\"hidden\" id=\"ak_js_1\" name=\"_wpcf7_ak_js\" value=\"66\"\/><script>document.getElementById( \"ak_js_1\" ).setAttribute( \"value\", ( new Date() ).getTime() );<\/script><\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dc265bb elementor-widget elementor-widget-html\" data-id=\"dc265bb\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    const areaSelect = document.getElementById('area');\n    const chiSelect = document.getElementById('chi');\n    const titoloSelect = document.getElementById('titolo');\n    const form = document.getElementById('contact-form-1234'); \/\/ Sostituisci con l'ID corretto del tuo form\n\n    \/\/ Nascondi i menu a tendina all'inizio\n    chiSelect.style.display = 'none';\n    titoloSelect.style.display = 'none';\n\n    \/\/ Inizializza le opzioni dei menu a tendina con i placeholder\n    chiSelect.innerHTML = '<option value=\"\" disabled selected>Chi sei<\/option>';\n    titoloSelect.innerHTML = '<option value=\"\" disabled selected>Titolo<\/option>';\n\n    \/\/ Funzione per aggiungere opzioni ai menu a tendina\n    function addOptionsToDropdown(selectElement, options, placeholder) {\n        selectElement.innerHTML = `<option value=\"\" disabled selected>${placeholder}<\/option>`;\n        for (const option of options) {\n            const optionElement = document.createElement('option');\n            optionElement.value = option;\n            optionElement.text = option;\n            selectElement.appendChild(optionElement);\n        }\n        selectElement.style.display = 'block';\n    }\n\n    \/\/ Funzione per rimuovere le opzioni dai menu a tendina\n    function clearDropdownOptions(selectElement) {\n        selectElement.innerHTML = `<option value=\"\" disabled selected>${selectElement.getAttribute('data-placeholder')}<\/option>`;\n        selectElement.style.display = 'none';\n    }\n\n    function popolateRequiredSelect(selectElement) {\n        selectElement.innerHTML = `<option value=\"Non disponibile con questa combinazione\" selected>Non disponibile con questa combinazione<\/option>`;\n        selectElement.style.display = 'none';\n    }\n\n    areaSelect.addEventListener('change', function () {\n        const selectedArea = areaSelect.value;\n        chiSelect.value = chiSelect.getAttribute('data-placeholder');\n        titoloSelect.value = titoloSelect.getAttribute('data-placeholder');\n        if (selectedArea === 'Procedure concorsuali') {\n            const procedureOptions = ['Curatore', 'Liquidatore \/ Commissario giudiziale', 'Commissario Liquidatore', 'Liquidatore', 'O.C.C.\/Gestore della Crisi', 'Altro'];\n            addOptionsToDropdown(chiSelect, procedureOptions, 'Chi sei');\n        } else if (selectedArea === 'Esecuzioni immobiliari') {\n            const immobiliareOptions = ['Professionista delegato alla vendita', 'Organi della procedura', 'Tribunale', 'Altro'];\n            addOptionsToDropdown(chiSelect, immobiliareOptions, 'Chi sei');\n        } else if (selectedArea === 'Banche e leasing') {\n            const bancheOptions = ['Istituti di credito', 'Societ\u00e0 di leasing', 'Intermediari finanziari', 'Altro'];\n            addOptionsToDropdown(chiSelect, bancheOptions, 'Chi sei');\n        } else if (selectedArea === 'NPL') {\n            const nplOptions = ['Societ\u00e0 finanziarie', 'Service NPL', 'Altro'];\n            addOptionsToDropdown(chiSelect, nplOptions, 'Chi sei');\n        } else {\n            clearDropdownOptions(chiSelect);\n            clearDropdownOptions(titoloSelect);\n        }\n    });\n\n    chiSelect.addEventListener('change', function () {\n        const selectedChi = chiSelect.value;\n        if (selectedChi !== '' && selectedChi !== chiSelect.getAttribute('data-placeholder')) {\n            titoloSelect.style.display = 'block';\n\n            if ((areaSelect.value === 'Procedure concorsuali' && (selectedChi === 'Curatore' || selectedChi === 'Liquidatore \/ Commissario giudiziale' || selectedChi === 'Commissario Liquidatore' || selectedChi === 'Liquidatore' || selectedChi === 'O.C.C.\/Gestore della Crisi' || selectedChi === 'Altro')) ||\n                (areaSelect.value === 'Esecuzioni immobiliari' && selectedChi === 'Professionista delegato alla vendita')) {\n                const titoloProcedureOptions = ['Avvocati', 'Dottori commercialisti', 'Ragionieri commercialisti', 'Ragionieri', 'Dottori e dottoresse (in generale)', 'Notai'];\n                addOptionsToDropdown(titoloSelect, titoloProcedureOptions, 'Titolo');\n            } else if (areaSelect.value === 'Esecuzioni immobiliari' && selectedChi === 'Organi della procedura') {\n                const titoloOrganiOptions = ['Giudice dell\\'esecuzione-Ausiliare del Giudice'];\n                addOptionsToDropdown(titoloSelect, titoloOrganiOptions, 'Titolo');\n            } else {\n                clearDropdownOptions(titoloSelect);\n                popolateRequiredSelect(titoloSelect);\n            }\n        } else {\n            titoloSelect.style.display = 'none';\n            clearDropdownOptions(titoloSelect);\n            popolateRequiredSelect(titoloSelect);\n        }\n    });\n\n    form.addEventListener('submit', function (event) {\n        if ((chiSelect.style.display === 'block' && (chiSelect.value === '' || chiSelect.value === chiSelect.getAttribute('data-placeholder'))) ||\n            (titoloSelect.style.display === 'block' && (titoloSelect.value === '' || titoloSelect.value === titoloSelect.getAttribute('data-placeholder')))) {\n            event.preventDefault();\n            console.log('yaya');\n        }\n    });\n});\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_seopress_robots_primary_cat":"","om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.gobidgroup.com\/en\/wp-json\/wp\/v2\/pages\/97975"}],"collection":[{"href":"https:\/\/www.gobidgroup.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.gobidgroup.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.gobidgroup.com\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gobidgroup.com\/en\/wp-json\/wp\/v2\/comments?post=97975"}],"version-history":[{"count":0,"href":"https:\/\/www.gobidgroup.com\/en\/wp-json\/wp\/v2\/pages\/97975\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.gobidgroup.com\/en\/wp-json\/wp\/v2\/media?parent=97975"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}