Country Selector<\/title>\r\n <style>\r\n body {\r\n font-family: Arial, sans-serif;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n height: 100vh;\r\n background-color: #f4f4f4;\r\n }\r\n\r\n .dropdown-container {\r\n background: white;\r\n padding: 20px;\r\n border-radius: 8px;\r\n box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n select {\r\n width: 100%;\r\n padding: 10px;\r\n border: 1px solid #ccc;\r\n border-radius: 5px;\r\n font-size: 16px;\r\n cursor: pointer;\r\n background-color: #fff;\r\n }\r\n\r\n select:focus {\r\n outline: none;\r\n border-color: #007BFF;\r\n box-shadow: 0px 0px 5px rgba(0, 123, 255, 0.5);\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"dropdown-container\">\r\n <select id=\"countrySelect\" onchange=\"redirectToPage()\">\r\n <option value=\"\">\ud83c\udf0d Offices by country<\/option>\r\n <\/select>\r\n <\/div>\r\n\r\n <script>\r\n var LibelleOption = [\r\n \"Algeria\", \"Angola\", \"Bahrain\", \"Belgium\", \"Benin\", \"Botswana\", \"Burkina Faso\",\r\n \"Cameroun\", \"Canada\", \"Congo\", \"Egypt\", \"England\", \"France\", \"Gabon\", \"Gambie\",\r\n \"Germany\", \"Ghana\", \"Guinea Equatorial\", \"Guinea\", \"India\", \"Iraq\", \"Italy\",\r\n \"Ivory Coast\", \"Kenya\", \"Korea\", \"Lebanon\", \"Liberia\", \"Libya\", \"Mali\",\r\n \"Maroc\", \"Mauritania\", \"Mozambique\", \"Namibia\", \"Niger\", \"Nigeria\", \"Oman\",\r\n \"Qatar\", \"RDcong\", \"Russia\", \"Saudi Arabia\", \"Seralion\", \"Sierra Leone\",\r\n \"Senegal\", \"South Africa\", \"Spain\", \"Sudan\", \"Syria\", \"Tanzania\", \"Chad\",\r\n \"Togo\", \"Tunisia\", \"Turkey\", \"Uganda\", \"USA\", \"Yemen\", \"Zambia\", \"Zimbabwe\"\r\n ];\r\n\r\n var selectMenu = document.getElementById(\"countrySelect\");\r\n\r\n \/\/ Ajouter les options dynamiquement\r\n LibelleOption.forEach(function(country) {\r\n var option = document.createElement(\"option\");\r\n option.textContent = country;\r\n option.value = country.toLowerCase().replace(\/\\s+\/g, '-'); \/\/ Format URL-friendly\r\n selectMenu.appendChild(option);\r\n });\r\n\r\n function redirectToPage() {\r\n var selectedValue = selectMenu.value;\r\n if (selectedValue) {\r\n window.location.href = \"https:\/\/becacompany.ticgeek.com\/\" + selectedValue;\r\n }\r\n }\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\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<\/div>","protected":false},"excerpt":{"rendered":"<p>Offices by country Country Selector \ud83c\udf0d Offices by country<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3221","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/becacompany.com\/fr\/wp-json\/wp\/v2\/pages\/3221","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/becacompany.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/becacompany.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/becacompany.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/becacompany.com\/fr\/wp-json\/wp\/v2\/comments?post=3221"}],"version-history":[{"count":22,"href":"https:\/\/becacompany.com\/fr\/wp-json\/wp\/v2\/pages\/3221\/revisions"}],"predecessor-version":[{"id":4820,"href":"https:\/\/becacompany.com\/fr\/wp-json\/wp\/v2\/pages\/3221\/revisions\/4820"}],"wp:attachment":[{"href":"https:\/\/becacompany.com\/fr\/wp-json\/wp\/v2\/media?parent=3221"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}