Autocomplete

1<div class="select-wrapper">
2  <label for="accessibleAutocomplete">Provincia</label>
3  <select class="form-control" id="accessibleAutocomplete" title="Scegli una provincia" required>
4    <option selected value="">Scegli una opzione</option>
5    <option value='AG'>Agrigento</option>
6    <option value='AL'>Alessandria</option>
7    <option value='AN'>Ancona</option>
8    <option value='AO'>Aosta</option>
9    <option value='AR'>Arezzo</option>
10    <option value='AP'>Ascoli Piceno</option>
11    <option value='AT'>Asti</option>
12    <option value='AV'>Avellino</option>
13    <option value='BA'>Bari</option>
14    <option value='BT'>Barletta-Andria-Trani</option>
15    <option value='BL'>Belluno</option>
16    <option value='BN'>Benevento</option>
17    <option value='BG'>Bergamo</option>
18    <option value='BI'>Biella</option>
19    <option value='BO'>Bologna</option>
20    <option value='BZ'>Bolzano</option>
21    <option value='BS'>Brescia</option>
22    <option value='BR'>Brindisi</option>
23    <option value='CA'>Cagliari</option>
24    <option value='CL'>Caltanissetta</option>
25    <option value='CB'>Campobasso</option>
26    <option value='CI'>Carbonia-Iglesias</option>
27    <option value='CE'>Caserta</option>
28    <option value='CT'>Catania</option>
29    <option value='CZ'>Catanzaro</option>
30    <option value='CH'>Chieti</option>
31    <option value='CO'>Como</option>
32    <option value='CS'>Cosenza</option>
33    <option value='CR'>Cremona</option>
34    <option value='KR'>Crotone</option>
35    <option value='CN'>Cuneo</option>
36    <option value='EN'>Enna</option>
37    <option value='FM'>Fermo</option>
38    <option value='FE'>Ferrara</option>
39    <option value='FI'>Firenze</option>
40    <option value='FG'>Foggia</option>
41    <option value='FC'>Forlì-Cesena</option>
42    <option value='FR'>Frosinone</option>
43    <option value='GE'>Genova</option>
44    <option value='GO'>Gorizia</option>
45    <option value='GR'>Grosseto</option>
46    <option value='IM'>Imperia</option>
47    <option value='IS'>Isernia</option>
48    <option value='SP'>La Spezia</option>
49    <option value='AQ'>L\'Aquila</option>
50    <option value='LT'>Latina</option>
51    <option value='LE'>Lecce</option>
52    <option value='LC'>Lecco</option>
53    <option value='LI'>Livorno</option>
54    <option value='LO'>Lodi</option>
55    <option value='LU'>Lucca</option>
56    <option value='MC'>Macerata</option>
57    <option value='MN'>Mantova</option>
58    <option value='MS'>Massa-Carrara</option>
59    <option value='MT'>Matera</option>
60    <option value='ME'>Messina</option>
61    <option value='MI'>Milano</option>
62    <option value='MO'>Modena</option>
63    <option value='MB'>Monza e della Brianza</option>
64    <option value='NA'>Napoli</option>
65    <option value='NO'>Novara</option>
66    <option value='NU'>Nuoro</option>
67    <option value='OT'>Olbia-Tempio</option>
68    <option value='OR'>Oristano</option>
69    <option value='PD'>Padova</option>
70    <option value='PA'>Palermo</option>
71    <option value='PR'>Parma</option>
72    <option value='PV'>Pavia</option>
73    <option value='PG'>Perugia</option>
74    <option value='PU'>Pesaro e Urbino</option>
75    <option value='PE'>Pescara</option>
76    <option value='PC'>Piacenza</option>
77    <option value='PI'>Pisa</option>
78    <option value='PT'>Pistoia</option>
79    <option value='PN'>Pordenone</option>
80    <option value='PZ'>Potenza</option>
81    <option value='PO'>Prato</option>
82    <option value='RG'>Ragusa</option>
83    <option value='RA'>Ravenna</option>
84    <option value='RC'>Reggio Calabria</option>
85    <option value='RE'>Reggio Emilia</option>
86    <option value='RI'>Rieti</option>
87    <option value='RN'>Rimini</option>
88    <option value='RM'>Roma</option>
89    <option value='RO'>Rovigo</option>
90    <option value='SA'>Salerno</option>
91    <option value='VS'>Medio Campidano</option>
92    <option value='SS'>Sassari</option>
93    <option value='SV'>Savona</option>
94    <option value='SI'>Siena</option>
95    <option value='SR'>Siracusa</option>
96    <option value='SO'>Sondrio</option>
97    <option value='TA'>Taranto</option>
98    <option value='TE'>Teramo</option>
99    <option value='TR'>Terni</option>
100    <option value='TO'>Torino</option>
101    <option value='OG'>Ogliastra</option>
102    <option value='TP'>Trapani</option>
103    <option value='TN'>Trento</option>
104    <option value='TV'>Treviso</option>
105    <option value='TS'>Trieste</option>
106    <option value='UD'>Udine</option>
107    <option value='VA'>Varese</option>
108    <option value='VE'>Venezia</option>
109    <option value='VB'>Verbano-Cusio-Ossola</option>
110    <option value='VC'>Vercelli</option>
111    <option value='VR'>Verona</option>
112    <option value='VV'>Vibo Valentia</option>
113    <option value='VI'>Vicenza</option>
114    <option value='VT'>Viterbo</option>
115  </select>
116</div>
117<script>
118  document.addEventListener('DOMContentLoaded', function () {
119    var selectElement = document.querySelector('#accessibleAutocomplete');
120    var selectAutocomplete = new bootstrap.SelectAutocomplete(selectElement, {
121      showAllValues: true,
122      defaultValue: '',
123      autoselect: false,
124      showNoOptionsFound: false,
125      dropdownArrow: () => '',
126    });
127  })
128</script>