{"id":2684,"date":"2024-06-26T13:33:20","date_gmt":"2024-06-26T11:33:20","guid":{"rendered":"https:\/\/2024.lcweb.it\/?page_id=2684"},"modified":"2026-02-07T10:01:36","modified_gmt":"2026-02-07T09:01:36","slug":"lc-select-javascript-plugin","status":"publish","type":"page","link":"https:\/\/lcweb.it\/lc-select-javascript-plugin\/","title":{"rendered":"LC Select &#8211; Javascript Plugin"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2684\" class=\"elementor elementor-2684\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6e265e7c e-con-full e-flex e-con e-parent\" data-id=\"6e265e7c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-55726316 e-flex e-con-boxed e-con e-child\" data-id=\"55726316\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-62552d9f e-con-full elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-child\" data-id=\"62552d9f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-67d5a025 e-con-full e-flex e-con e-child\" data-id=\"67d5a025\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4585a5c6 elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"4585a5c6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-grow\" href=\"https:\/\/github.com\/LCweb-ita\/LC-select\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fab fa-github\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Get on GitHub<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-604c1cf4 lws_extra_page_heading elementor-widget elementor-widget-heading\" data-id=\"604c1cf4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">LC Select<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4ba168b9 elementor-position-inline-start elementor-mobile-position-inline-start elementor-view-default elementor-widget elementor-widget-icon-box\" data-id=\"4ba168b9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span  class=\"elementor-icon\">\n\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 800 800\"><path d=\"m0,800V0h800v800H0Zm463.43-182.51c.64,1.56.97,2.67,1.51,3.66,10.91,19.99,26.28,35.58,46.51,46.07,30.66,15.92,63.21,18.46,96.68,12.43,19.39-3.49,36.89-11.36,51.16-25.31,15.71-15.35,22.83-34.59,23.52-56.14.69-21.64-3.54-42.1-17.57-59.5-10.88-13.5-24.75-23.3-40.1-30.83-16.71-8.2-34-15.22-50.73-23.4-7.69-3.76-15.3-8.29-21.72-13.87-8.33-7.23-9.3-17.44-6.4-27.64,2.88-10.11,10.42-15.7,20.44-17.61,17.61-3.37,31.77,2.38,42.23,17.01,2.09,2.92,4.05,5.93,6.19,9.06,16.66-10.71,32.87-21.13,49.02-31.51-6.99-16.76-25.83-35.25-44.16-42.85-23.36-9.68-47.55-10.61-72.01-5.3-19.99,4.34-36.74,14.23-49.57,30.49-25.31,32.08-23.58,93.38,20.08,123.78,17.11,11.91,36.17,19.69,54.97,28.16,10.14,4.57,20.16,9.49,29.91,14.85,6.85,3.76,12.06,9.45,14.35,17.25,4.71,16.1-3.5,30.82-20.94,36.43-24.18,7.78-54.51,2.64-74.16-24-2.64-3.58-5.19-7.23-7.92-11.05-17.28,10.05-34.21,19.9-51.27,29.82Zm-170.72-24.34c-16.44,9.96-32.48,19.76-48.64,29.38-2.94,1.75-2.25,3.46-1.08,5.72,9.42,18.25,22.66,32.79,41.01,42.38,22.74,11.88,47.04,13.78,71.92,10.46,17.29-2.31,33.29-8.27,46.49-20.14,19.67-17.68,27.33-40.92,27.53-66.32.57-72.65.25-145.31.27-217.97,0-1.29-.21-2.58-.37-4.28-2.17-.09-4.12-.25-6.07-.25-16.83-.02-33.65-.02-50.48,0q-6.77,0-6.77,6.81c0,68.99.01,137.98-.04,206.97,0,4.32-.26,8.66-.81,12.94-1.85,14.59-9.04,23.26-21.89,25.72-16.17,3.1-30.12-.68-40.09-14.68-3.75-5.26-7.1-10.8-10.97-16.73Z\"><\/path><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tJavascript Plugin\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\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 class=\"elementor-element elementor-element-8ff33dc elementor-widget__width-initial e-transform elementor-widget-tablet__width-initial elementor-widget elementor-widget-spacer\" data-id=\"8ff33dc\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_transform_skewX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:20,&quot;sizes&quot;:[]},&quot;_transform_skewY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;_transform_skewX_effect_tablet&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_skewX_effect_mobile&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_skewY_effect_tablet&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_skewY_effect_mobile&quot;:{&quot;unit&quot;:&quot;deg&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-74462b2 e-con-full e-flex e-con e-parent\" data-id=\"74462b2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-73d57b6 e-con-full e-flex e-con e-child\" data-id=\"73d57b6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;background_motion_fx_range&quot;:&quot;viewport&quot;,&quot;background_motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;background_motion_fx_opacity_effect&quot;:&quot;yes&quot;,&quot;background_motion_fx_opacity_range&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:45}},&quot;background_motion_fx_opacity_direction&quot;:&quot;out-in&quot;,&quot;background_motion_fx_opacity_level&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;background_motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\">\n\t\t<div class=\"elementor-element elementor-element-42366c5 e-flex e-con-boxed e-con e-child\" data-id=\"42366c5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9e7033b elementor-widget__width-initial elementor-widget-tablet__width-inherit elementor-widget elementor-widget-heading\" data-id=\"9e7033b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Superlight vanilla JavaScript dropdowns<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0b08606 e-flex e-con-boxed e-con e-child\" data-id=\"0b08606\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-938304a e-con-full animated-fast e-flex elementor-invisible e-con e-child\" data-id=\"938304a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;slideInRight&quot;,&quot;animation_tablet&quot;:&quot;slideInUp&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5083aa2 elementor-widget elementor-widget-image\" data-id=\"5083aa2\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"592\" height=\"460\" src=\"https:\/\/lcweb.it\/wp-content\/uploads\/2024\/06\/lc-select-preview.webp\" class=\"attachment-full size-full wp-image-2833\" alt=\"\" srcset=\"https:\/\/lcweb.it\/wp-content\/uploads\/2024\/06\/lc-select-preview.webp 592w, https:\/\/lcweb.it\/wp-content\/uploads\/2024\/06\/lc-select-preview-300x233.webp 300w\" sizes=\"(max-width: 592px) 100vw, 592px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ecfe65f elementor-widget__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"ecfe65f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div data-id=\"yfwjilk\" data-element_type=\"column\"><div><div data-id=\"anoatzm\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\"><div><ul><li>sigle 20KB file, <b>no dependencies<\/b>, 100% pure javascript<\/li><li>two themes (light, dark) included. <b>Designed to be themed with no efforts<\/b><\/li><li>themes mix support using prefixed selectors<\/li><li>supports both simple and multiple select fields<\/li><li>fully responsive, fits in any width<\/li><li>(optional) default placeholder for simple select fields<\/li><li>(optional) <b>searchbar<\/b> with minimum fields threshold<\/li><li>(optional) maximum selectable options<\/li><li>complete keyboard events integration<\/li><li>option <b>images support<\/b><\/li><li><b>mobile<\/b> ready<\/li><li>multilanguage ready<\/li><\/ul><\/div><\/div><\/div><\/div>\t\t\t\t\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<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8cefafd e-con-full e-flex e-con e-child\" data-id=\"8cefafd\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-4fd43db e-flex e-con-boxed e-con e-child\" data-id=\"4fd43db\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dbf1ccc elementor-widget-tablet__width-inherit elementor-widget elementor-widget-heading\" data-id=\"dbf1ccc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Basic Implementation<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-aed5a15 elementor-widget elementor-widget-html\" data-id=\"aed5a15\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<form class=\"lcep_form lcslt_basic_demo\">\n    <div>\n        <label>Simple<\/label>\n                <select name=\"simple\">\n                    <optgroup label=\"Europe\">\n                        <option value=\"ita\">Italy<\/option>\n                        <option value=\"fra\" disabled>France<\/option>\n                        <option value=\"esp\">Spain<\/option>\n                    <\/optgroup>\n                    <optgroup label=\"Asia\">\n                        <option value=\"jap\">Japan<\/option>\n                        <option value=\"kor\">Korea<\/option>\n                        <option value=\"chn\" disabled>China<\/option>\n                    <\/optgroup>\n        <\/select>\n    <\/div>\n    <div>\n      <label>Multiple<\/label>\n                <select name=\"multiple\" multiple>\n                    <option value=\"lorem\">Lorem<\/option>\n                    <option value=\"ipsum\" selected>Ipsum<\/option>\n                    <option value=\"dolor\">Dolor<\/option>\n                <\/select>\n    <\/div>\n<\/form>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ae48709 elementor-widget elementor-widget-code-highlight\" data-id=\"ae48709\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-tomorrow copy-to-clipboard \">\r\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\r\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\r\n\t\t\t\t\t<xmp><!doctype html>\n<html>\n    <head>\n        <link href=\"themes\/light.css\" rel=\"stylesheet\" type=\"text\/css\">\n    <\/head>\n    <body>\n        <form>\n           <label>Simple (with images)<\/label>\n            <select name=\"simple\">\n                <optgroup label=\"Europe\">\n                    <option value=\"ita\">Italy<\/option>\n                    <option value=\"fra\" disabled>France<\/option>\n                    <option value=\"esp\">Spain<\/option>\n                <\/optgroup>\n                <optgroup label=\"Asia\">\n                    <option value=\"jap\">Japan<\/option>\n                    <option value=\"kor\">Korea<\/option>\n                    <option value=\"chn\" disabled>China<\/option>\n                <\/optgroup>\n            <\/select>\n\n            <label>Multiple<\/label>\n            <select name=\"multiple\" multiple>\n                <option value=\"lorem\">Lorem<\/option>\n                <option value=\"ipsum\" selected>Ipsum<\/option>\n                <option value=\"dolor\">Dolor<\/option>\n            <\/select>\n        <\/form>\n\n        <script src=\"lc_select.min.js\" type=\"text\/javascript\"><\/script>\n\n        <script type=\"text\/javascript\">\n        new lc_select('select');\n        <\/script>\n    <\/body>\n<\/html>\n<\/xmp>\r\n\t\t\t\t<\/code>\r\n\t\t\t<\/pre>\r\n\t\t<\/div>\r\n\t\t\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>\n\t\t<div class=\"elementor-element elementor-element-9332988 e-con-full e-flex e-con e-child\" data-id=\"9332988\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;background_motion_fx_range&quot;:&quot;viewport&quot;,&quot;background_motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;background_motion_fx_opacity_range&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:9,&quot;end&quot;:82}},&quot;background_motion_fx_opacity_effect&quot;:&quot;yes&quot;,&quot;background_motion_fx_opacity_direction&quot;:&quot;out-in&quot;,&quot;background_motion_fx_opacity_level&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:10,&quot;sizes&quot;:[]},&quot;background_motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\">\n\t\t<div class=\"elementor-element elementor-element-fb83553 e-flex e-con-boxed e-con e-child\" data-id=\"fb83553\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1d2cc1f elementor-widget-tablet__width-inherit elementor-widget elementor-widget-heading\" data-id=\"1d2cc1f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Full-feature Implementation<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c9e2d61 elementor-widget elementor-widget-html\" data-id=\"c9e2d61\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<form class=\"lcep_form lcslt_full_demo\">\n    <div>\n        <label>Simple (with images, search and prepended placeholder option)<\/label>\n    <select name=\"simple\" data-placeholder=\"Select something please ..\" autocomplete=\"off\">\n        <optgroup label=\"Europe\" data-image=\"https:\/\/static.lcweb.it\/lc-select-repo\/demo-img\/eu.svg\">\n            <option value=\"ita\" data-image=\"https:\/\/static.lcweb.it\/lc-select-repo\/demo-img\/ita.svg\">Italy<\/option>\n            <option value=\"fra\" data-image=\"https:\/\/static.lcweb.it\/lc-select-repo\/demo-img\/fra.png\" disabled>France<\/option>\n            <option value=\"esp\" data-image=\"https:\/\/static.lcweb.it\/lc-select-repo\/demo-img\/esp.png\">Spain<\/option>\n        <\/optgroup>\n        <optgroup label=\"Asia\">\n            <option value=\"jap\">Japan<\/option>\n            <option value=\"kor\">Korea<\/option>\n            <option value=\"chn\" disabled>China<\/option>\n        <\/optgroup>\n    <\/select>\n    <\/div>\n    <div>\n      <label>Multiple (max 2 selectable options)<\/label>\n    <select name=\"multiple\" data-placeholder=\"What a nice placeholder\" multiple>\n        <option value=\"lorem\">Lorem<\/option>\n        <option value=\"ipsum\" selected>Ipsum<\/option>\n        <option value=\"dolor\">Dolor<\/option>\n    <\/select>\n    <\/div>\n<\/form>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a51212a elementor-widget elementor-widget-code-highlight\" data-id=\"a51212a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-tomorrow copy-to-clipboard \">\r\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\r\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\r\n\t\t\t\t\t<xmp><form>\n    <label>Simple (with images, search and prepended placeholder option)<\/label>\n    <select name=\"simple\" data-placeholder=\"Select something please ..\" autocomplete=\"off\">\n        <optgroup label=\"Europe\" data-image=\"demo-img\/eu.svg\">\n            <option value=\"ita\" data-image=\"demo-img\/ita.svg\">Italy<\/option>\n            <option value=\"fra\" data-image=\"demo-img\/fra.png\" disabled>France<\/option>\n            <option value=\"esp\" data-image=\"demo-img\/esp.png\">Spain<\/option>\n        <\/optgroup>\n        <optgroup label=\"Asia\">\n            <option value=\"jap\">Japan<\/option>\n            <option value=\"kor\">Korea<\/option>\n            <option value=\"chn\" disabled>China<\/option>\n        <\/optgroup>\n    <\/select>\n\n    <label>Multiple (max 2 selectable options)<\/label>\n    <select name=\"multiple\" data-placeholder=\"What a nice placeholder\" multiple>\n        <option value=\"lorem\">Lorem<\/option>\n        <option value=\"ipsum\" selected>Ipsum<\/option>\n        <option value=\"dolor\">Dolor<\/option>\n    <\/select>\n<\/form>\n\n\n<script type=\"text\/javascript\">\nnew lc_select('select[name=\"simple\"]', {\n    wrap_width: '100%',\n    min_for_search: 3,\n    pre_placeh_opt: true,\n});\n\nnew lc_select('select[name=\"multiple\"]', {\n    wrap_width : '100%',\n    enable_search : false,\n    max_opts : 2,\n});\n<\/script><\/xmp>\r\n\t\t\t\t<\/code>\r\n\t\t\t<\/pre>\r\n\t\t<\/div>\r\n\t\t\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>\n\t\t<div class=\"elementor-element elementor-element-c490773 e-con-full e-flex e-con e-child\" data-id=\"c490773\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;background_motion_fx_range&quot;:&quot;viewport&quot;,&quot;background_motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;background_motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\">\n\t\t<div class=\"elementor-element elementor-element-3c87d5c e-flex e-con-boxed e-con e-child\" data-id=\"3c87d5c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d6b8639 elementor-widget-tablet__width-inherit elementor-widget elementor-widget-heading\" data-id=\"d6b8639\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Mixing themes<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-db7a954 e-grid e-con-full e-con e-child\" data-id=\"db7a954\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b186223 elementor-widget elementor-widget-html\" data-id=\"b186223\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<form class=\"lcep_form lcslt_light_demo\">\n    <select name=\"multiple\" data-placeholder=\"Select something ..\" multiple>\n                    <option value=\"lorem\">Lorem<\/option>\n                    <option value=\"ipsum\" >Ipsum<\/option>\n                    <option value=\"dolor\">Dolor<\/option>\n       <\/select>\n<\/form>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d03c7b8 elementor-widget elementor-widget-html\" data-id=\"d03c7b8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<form class=\"lcep_form lcslt_dark_demo\">\n    <select name=\"multiple\" data-placeholder=\"Select something ..\" multiple>\n                    <option value=\"lorem\">Lorem<\/option>\n                    <option value=\"ipsum\" >Ipsum<\/option>\n                    <option value=\"dolor\">Dolor<\/option>\n       <\/select>\n<\/form>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e849b17 elementor-widget__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"e849b17\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>The easiest and cleanest way to mix themes on the same webpage is<\/p><ol><li>using <em>addit_classes<\/em> option to specify the theme prefix<\/li><li>include prefixed themes version (<em>there are prefixed versions of dark\/ligh themes in the &#8220;themes&#8221; folder<\/em>)<\/li><\/ol>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-72b5088 elementor-widget elementor-widget-code-highlight\" data-id=\"72b5088\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-tomorrow copy-to-clipboard \">\r\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\r\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\r\n\t\t\t\t\t<xmp><link href=\"themes\/light_prefixed.css\" rel=\"stylesheet\" type=\"text\/css\">\n<link href=\"themes\/dark_prefixed.css\" rel=\"stylesheet\" type=\"text\/css\">\n\n<script type=\"text\/javascript>\nnew lc_select('.select-class-light', {\n    addit_classes : ['lcslt-light']\n});\n\nnew lc_select('.select-class-dark', {\n    addit_classes : ['lcslt-dark']\n});\n<\/script><\/xmp>\r\n\t\t\t\t<\/code>\r\n\t\t\t<\/pre>\r\n\t\t<\/div>\r\n\t\t\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>\n\t\t<div class=\"elementor-element elementor-element-2af5dde e-con-full e-flex e-con e-child\" data-id=\"2af5dde\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-f2d40d3 e-flex e-con-boxed e-con e-child\" data-id=\"f2d40d3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d72851e elementor-widget-tablet__width-inherit elementor-widget elementor-widget-heading\" data-id=\"d72851e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Options<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4d52f81 elementor-widget__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"4d52f81\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Here are listed available options with default values<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4d3ecf7 elementor-widget elementor-widget-code-highlight\" data-id=\"4d3ecf7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-tomorrow copy-to-clipboard \">\r\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-javascript line-numbers\">\r\n\t\t\t\t<code readonly=\"true\" class=\"language-javascript\">\r\n\t\t\t\t\t<xmp>new lc_select('select', {\n\n    \/\/ (bool) whether to enable fields search\n    enable_search : true, \n    \n    \/\/ (int) minimum options number to show search\n    min_for_search : 7,   \n\n    \/\/ (bool) whether to automatically focus search field on desktop (NB: will break tabindex chain)\n    autofocus_search: false,\n    \n    \/\/ (string) defines the wrapper width: \"auto\" to leave it up to CSS, \"inherit\" to statically copy input field width, or any other CSS sizing \n    wrap_width : 'auto',\n    \n    \/\/ (array) custom classes assigned to the field wrapper (.lcslt-wrap) and dropdown (#lc-select-dd)\n    addit_classes : [], \n    \n    \/\/ (bool) if true, on simple dropdowns without a selected value, prepend an empty option using placeholder text\n    pre_placeh_opt : false, \n    \n    \/\/ (int|false) defining maximum selectable options for multi-select\n    max_opts : false, \n    \n    \/\/ (function) triggered every time field value changes. Passes value and target field object as parameters\n    on_change : null, \/\/ function(new_value, target_field) {},\n\n    \/\/ (array) option used to translate script texts\n    labels : [ \n        'search options',\n        'add options',\n        'Select options ..',\n        '.. no matching options ..',\n    ],\n});<\/xmp>\r\n\t\t\t\t<\/code>\r\n\t\t\t<\/pre>\r\n\t\t<\/div>\r\n\t\t\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>\n\t\t<div class=\"elementor-element elementor-element-06584ef e-con-full e-flex e-con e-child\" data-id=\"06584ef\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;background_motion_fx_range&quot;:&quot;viewport&quot;,&quot;background_motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;background_motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\">\n\t\t<div class=\"elementor-element elementor-element-4c7b1d9 e-flex e-con-boxed e-con e-child\" data-id=\"4c7b1d9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c11ab58 elementor-widget-tablet__width-inherit elementor-widget elementor-widget-heading\" data-id=\"c11ab58\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Public Events<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f4ceb74 e-grid e-con-full e-con e-child\" data-id=\"f4ceb74\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-2beee37 e-con-full e-flex e-con e-child\" data-id=\"2beee37\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-24e5216 elementor-widget__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"24e5216\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Alternatively to the &#8220;on_change&#8221; option, you can use the native &#8220;change&#8221; element event to track field changes<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a689585 elementor-widget elementor-widget-code-highlight\" data-id=\"a689585\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-tomorrow copy-to-clipboard \">\r\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\r\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\r\n\t\t\t\t\t<xmp><script type=\"text\/javascript\">\ndocument.querySelectorAll('select').forEach(function(el) {\n   el.addEventListener('change', ..etc.. );\n});\n<\/script><\/xmp>\r\n\t\t\t\t<\/code>\r\n\t\t\t<\/pre>\r\n\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e25645a elementor-widget elementor-widget-html\" data-id=\"e25645a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<form class=\"lcep_form lcslt_onchange_demo\">\n    <label>Play with it!<\/label>\n    <select name=\"multiple\" data-placeholder=\"Select something ..\" multiple autocomplete=\"off\">\n                    <option value=\"lorem\">Lorem<\/option>\n                    <option value=\"ipsum\" >Ipsum<\/option>\n                    <option value=\"dolor\">Dolor<\/option>\n       <\/select>\n       \n       <div style=\"margin-top: 50px;\">Selected options: <em id=\"lcslt-onchange-demo\">none<\/em><\/div>\n<\/form>\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>\n\t\t<div class=\"elementor-element elementor-element-96eee60 e-con-full e-flex e-con e-child\" data-id=\"96eee60\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;background_motion_fx_range&quot;:&quot;viewport&quot;,&quot;background_motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;background_motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\">\n\t\t<div class=\"elementor-element elementor-element-50d475e e-flex e-con-boxed e-con e-child\" data-id=\"50d475e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b580f52 elementor-widget-tablet__width-inherit elementor-widget elementor-widget-heading\" data-id=\"b580f52\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Extras<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7178531 e-grid e-con-full e-con e-child\" data-id=\"7178531\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-2a156da e-con-full e-flex e-con e-child\" data-id=\"2a156da\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-424600d elementor-widget__width-inherit elementor-widget elementor-widget-text-editor\" data-id=\"424600d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>There are two extra events you can trigger on initialized elements:<\/p><ul><li><p><strong>lc-select-refresh:<\/strong> re-sync select field options and status with plugin instance (eg. when new fields are dynamically added)<\/p><\/li><li><p><strong>lc-select-destroy:<\/strong> remove plugn instance, coming back to HTML select field<\/p><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-193a051 e-grid e-con-full e-con e-child\" data-id=\"193a051\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-70ab266 elementor-align-justify elementor-widget__width-inherit elementor-widget elementor-widget-button\" data-id=\"70ab266\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"lcslt_set_btn\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-magic\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Setup<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c5348b1 elementor-align-justify elementor-widget__width-inherit elementor-widget elementor-widget-button\" data-id=\"c5348b1\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"lcslt_addopt_btn\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-plus-circle\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Add option<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-82278e5 elementor-align-justify elementor-widget__width-inherit elementor-widget elementor-widget-button\" data-id=\"82278e5\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"lcslt_destroy_btn\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"far fa-trash-alt\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Destroy<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a86556f elementor-widget elementor-widget-html\" data-id=\"a86556f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<form class=\"lcep_form lcslt_extras_demo\">\n    <select name=\"extras\" autocomplete=\"off\">\n                    <option value=\"1\">1<\/option>\n                    <option value=\"2\" >2<\/option>\n                    <option value=\"3\">3<\/option>\n       <\/select>\n<\/form>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c869878 elementor-widget elementor-widget-code-highlight\" data-id=\"c869878\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-tomorrow copy-to-clipboard \">\r\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-html line-numbers\">\r\n\t\t\t\t<code readonly=\"true\" class=\"language-html\">\r\n\t\t\t\t\t<xmp><script type=\"text\/javascript\">\nconst select = document.querySelector('select');\n\n\/\/ initialize\nnew lc_select(select);\n\n\/\/ re-sync\nconst resyncEvent = new Event('lc-select-refresh');\nselect.dispatchEvent(resyncEvent);\n\n\/\/ destroy\nconst destroyEvent = new Event('lc-select-destroy');\nselect.dispatchEvent(destroyEvent);\n<\/script><\/xmp>\r\n\t\t\t\t<\/code>\r\n\t\t\t<\/pre>\r\n\t\t<\/div>\r\n\t\t\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>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-44709506 e-flex e-con-boxed e-con e-parent\" data-id=\"44709506\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;shape_divider_top&quot;:&quot;mountains&quot;,&quot;shape_divider_bottom&quot;:&quot;mountains&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-top\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" opacity=\"0.33\" d=\"M473,67.3c-203.9,88.3-263.1-34-320.3,0C66,119.1,0,59.7,0,59.7V0h1000v59.7 c0,0-62.1,26.1-94.9,29.3c-32.8,3.3-62.8-12.3-75.8-22.1C806,49.6,745.3,8.7,694.9,4.7S492.4,59,473,67.3z\"\/>\n\t<path class=\"elementor-shape-fill\" opacity=\"0.66\" d=\"M734,67.3c-45.5,0-77.2-23.2-129.1-39.1c-28.6-8.7-150.3-10.1-254,39.1 s-91.7-34.4-149.2,0C115.7,118.3,0,39.8,0,39.8V0h1000v36.5c0,0-28.2-18.5-92.1-18.5C810.2,18.1,775.7,67.3,734,67.3z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M766.1,28.9c-200-57.5-266,65.5-395.1,19.5C242,1.8,242,5.4,184.8,20.6C128,35.8,132.3,44.9,89.9,52.5C28.6,63.7,0,0,0,0 h1000c0,0-9.9,40.9-83.6,48.1S829.6,47,766.1,28.9z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-shape elementor-shape-bottom\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" opacity=\"0.33\" d=\"M473,67.3c-203.9,88.3-263.1-34-320.3,0C66,119.1,0,59.7,0,59.7V0h1000v59.7 c0,0-62.1,26.1-94.9,29.3c-32.8,3.3-62.8-12.3-75.8-22.1C806,49.6,745.3,8.7,694.9,4.7S492.4,59,473,67.3z\"\/>\n\t<path class=\"elementor-shape-fill\" opacity=\"0.66\" d=\"M734,67.3c-45.5,0-77.2-23.2-129.1-39.1c-28.6-8.7-150.3-10.1-254,39.1 s-91.7-34.4-149.2,0C115.7,118.3,0,39.8,0,39.8V0h1000v36.5c0,0-28.2-18.5-92.1-18.5C810.2,18.1,775.7,67.3,734,67.3z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M766.1,28.9c-200-57.5-266,65.5-395.1,19.5C242,1.8,242,5.4,184.8,20.6C128,35.8,132.3,44.9,89.9,52.5C28.6,63.7,0,0,0,0 h1000c0,0-9.9,40.9-83.6,48.1S829.6,47,766.1,28.9z\"\/>\n<\/svg>\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-249d44a5 e-con-full e-flex e-con e-child\" data-id=\"249d44a5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-73a4f5e8 e-con-full e-flex e-con e-child\" data-id=\"73a4f5e8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-3b0ef5c e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"3b0ef5c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;bounceIn&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2d32de81 elementor-mobile-align-justify elementor-widget-mobile__width-inherit elementor-widget elementor-widget-button\" data-id=\"2d32de81\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-grow\" href=\"https:\/\/github.com\/LCweb-ita\/LC-select\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fab fa-github\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Get on GitHub<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-69014278 elementor-mobile-align-justify elementor-widget-mobile__width-inherit elementor-widget elementor-widget-button\" data-id=\"69014278\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-grow\" href=\"https:\/\/www.paypal.com\/cgi-bin\/webscr?cmd=_s-xclick&#038;hosted_button_id=K2YXYQDYRVGWL\" target=\"_blank\" rel=\"nofollow\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-gift\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Support the project<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\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>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Get on GitHub LC Select Javascript Plugin Superlight vanilla JavaScript dropdowns sigle 20KB file, no dependencies, 100% pure javascript two themes (light, dark) included. Designed to be themed with no efforts themes mix support using prefixed selectors supports both simple and multiple select fields fully responsive, fits in any width (optional) default placeholder for simple select fields (optional) searchbar with minimum fields threshold (optional) maximum selectable options complete keyboard events integration option images support mobile ready multilanguage ready Basic Implementation Simple ItalyFranceSpain JapanKoreaChina Multiple LoremIpsumDolor Full-feature Implementation Simple (with images, search and prepended placeholder option) ItalyFranceSpain JapanKoreaChina Multiple (max 2 selectable options) LoremIpsumDolor Mixing themes LoremIpsumDolor LoremIpsumDolor The easiest and cleanest way to mix themes on the same webpage is using addit_classes option to specify the theme prefix include prefixed themes version (there are prefixed versions of dark\/ligh themes in the &#8220;themes&#8221; folder) Options Here are listed available options with default values Public Events Alternatively to the &#8220;on_change&#8221; option, you can use the native &#8220;change&#8221; element event to track field changes Play with it! LoremIpsumDolor Selected options: none Extras There are two extra events you can trigger on initialized elements: lc-select-refresh: re-sync select field options and status with plugin instance (eg. when new fields are dynamically added) lc-select-destroy: remove plugn instance, coming back to HTML select field Setup Add option Destroy 123 Get on GitHub Support the project<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2684","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/lcweb.it\/wp-json\/wp\/v2\/pages\/2684","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lcweb.it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lcweb.it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lcweb.it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lcweb.it\/wp-json\/wp\/v2\/comments?post=2684"}],"version-history":[{"count":13,"href":"https:\/\/lcweb.it\/wp-json\/wp\/v2\/pages\/2684\/revisions"}],"predecessor-version":[{"id":9433,"href":"https:\/\/lcweb.it\/wp-json\/wp\/v2\/pages\/2684\/revisions\/9433"}],"wp:attachment":[{"href":"https:\/\/lcweb.it\/wp-json\/wp\/v2\/media?parent=2684"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}