Boiler plate and example for jquery and pure js manipulation of select boxes

js_and_jquerySelectBoxManipulation_boiler.js

//example using select2 pluging (don't forget .trigger('change.select2'))
phoneCodeSelect.on('change', function () {
    let countryName = $(this).find('option:selected').eq(0).text().replace(/\(.*\)/, '').trim().toUpperCase();
    countrySelect.val(countryName).trigger('change.select2');;

    // countrySelect.find('option:selected').prop('selected', false);
    // countrySelect.find('option[value=' + $(this).find('option:selected').eq(0).text().replace(/\(.*\)/, '').trim().toUpperCase() + ']').prop('selected', true);
    console.log('ssssssssssssssssssssssssssssssssssss');
    console.log($(this).find('option:selected').eq(0).text().replace(/\(.*\)/, '').trim().toUpperCase());
    console.log(countrySelect);
    console.log('sssssssssssssssssssssssssssssssssssssss');

    cc_bloodHound.clear();
    cc_bloodHound.add(countriesCities[ucwords(countryName)]);
});