joomla - Joomla 4/Yootheme にオートコンプリートの選択を追加しようとしています

Question

正常に機能するリダイレクト付きの選択フィールドがありますが、選択には100以上のアイテムがあるため、オートコンプリート機能も提供したいと思います。いくつかの解決策を試しましたが、それらを機能させることができません。私は何年も Jquery を使用しておらず、スキルが著しく不足しています。

これまでのところ、次のものがあり、うまく機能しています。ユーザーの利益のためにオートコンプリートを追加したいと思います。どんな助けでも大歓迎です。

HTML

<select class="uk-select" id="occupation_select">
  <option value="" selected>Select Occupation</option>
  <option value="/avon">Avon</option>
  <option value="/amway">Amway</option>
  <option value="/body-shop">Body Shop</option>
</select>

<script>
    $(function(){
      // bind change event to select
      $('#occupation_select').on('change', function () {
          var url = $(this).val(); // get selected value
          if (url) { // require a URL
              window.location = url; // redirect
          }
          return false;
      });
    });
</script>