Выбор маски ввода телефона

[Dozent]

попробовал маску

<div class="form-group">
<label for="phone">Телефон: </label>
<select id="country" class="form-control">
  <option value="ru"><img src="">Россия +7</option>
  <option value="ua">Украина +380</option>
  <option value="by">Белоруссия +375</option>
</select>
<input id="phone" type="text" class="form-control">
</div>

  $(function() {
    function maskPhone() {
      var country = $('#country option:selected').val();
      switch (country) {
        case "ru":
          $("#phone").mask("+7(999) 999-99-99");
          break;
        case "ua":
          $("#phone").mask("+380(999) 999-99-99");
          break;
        case "by":
          $("#phone").mask("+375(999) 999-99-99");
          break;          
      }    
    }
    maskPhone();
    $('#country').change(function() {
      maskPhone();
    });
  });

выдаёт такую ошибку в консоли

Opencart PRO 2.3

Змінено 18 лютого 2022 користувачем Dozent

[buslikdrev]

Попробуйте:

<option value="be">Беларусь +375</option>

 

case "be":

+ сам скрипт маски подключить

[Dozent]

16 минут назад, buslikdrev сказал:

Попробуйте:

<option value="be">Беларусь +375</option>

 

case "be":

+ сам скрипт маски подключить

подключил CDN

Спойлер

https://cdnjs.cloudflare.com/ajax/libs/jquery.maskedinput/1.4.1/jquery.maskedinput.min.js

ничего не меняется

[Dozent]

2 часа назад, Dozent сказал:

подключил CDN

  Показать контент

https://cdnjs.cloudflare.com/ajax/libs/jquery.maskedinput/1.4.1/jquery.maskedinput.min.js

ничего не меняется

разобрался, проблема была в скрипте маски

подскажите как изменить значения выбора select option на список ul li