Select list options with search by JavaScript In oracle apex

1let a  = document.querySelector('#P238_COUNTRY')
2a.innerHTML = '<option selected disabled>Choose Your country</option>'
3const country = '#WORKSPACE_FILES#country.json';
4 let dogDropdown  = document.querySelector('#P238_COUNTRY')
5 function populateDropdownList() {
6$.get("#WORKSPACE_FILES#country.json",function(data){
7    for(let x = 0; x < data.length; x++){
8      console.log(data[x].countryName)
9       const option = 
10                document.createElement('option');
11                option.value = data[x].countryName;
12                option.innerText =data[x].countryName;
13                dogDropdown.appendChild(option);
14  }
15
16})
17}
18
19window.addEventListener('click', populateDropdownList());
20
21$(document).ready(function () {
22//change selectboxes to selectize mode to be searchable
23   $("#P238_COUNTRY").select2();
24});
25

1https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/js/select2.min.js

1https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/css/select2.min.css