wordpress bootstrap-ve html select listede oluşturulan lokasyonların sayfaya yönlenlendirilmesi

merhaba herkese kolay gelsin wordpress web sitemde tema aracılığı ile oluşturulan bir şehirlerin yer aldığı liste mevcut . bu listedeki şehir isimlerini html veya bootstrap olarak tıklandığında ilgili sayfaya yönlendirmek istiyorum yardımcı olacak arkadaşlar iletişime geçerse memnun olurum.

Bunu kullanabilirsiniz;

HTML:

<select class="select_location">
   <option value="http://localhost.com/app/page1.html">Page 1</option>
   <option value="http://localhost.com/app/page2.html">Page 2</option>
   <option value="http://localhost.com/app/page3.html">Page 3</option>
</select>

Javascript:

$('.select_location').on('change', function(){
   window.location = $(this).val();
});

jQuery kütüphanesi dahil edin:

<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>

cevabın için teşekkür ederim. benim kod bilgim yok ücretli olarak yapmak istersen destek almak isterim

Şu sıralar müsait değilim hocam, isterseniz daha profesyonel bir hocamıza iş verebilirsiniz. Bunun için Uzman arayabilirsiniz.