Javascript Selectbox Değeri Değiştiğinde Value URL'e Gitme

Javascript 20 Haziran 2025 0 Yorum 1 dakika 22 Gösterim
Javascript Selectbox Değeri Değiştiğinde Value URL'e Gitme

Dinamik selectboxlarınızda option içeriğindeki değere bir url atayıp, kullanıcı ön yüzde selecboxtaki değeri değiştiğinde seçilen option değerine o kullanıcıyı javascript ile yönlendirebilirsiniz. Bunun için herhangi bir özel fonksiyon oluşturmanıza gerek yoktur. Kullanımı da oldukça kolaydır. Hemen bir örnek yaparak ne demek istediğimiz tam anlamıyla aktarayım.

<select class="form-control" onchange="document.location.href=this.value"> 
<option>Bir Arama Motoru Seç</option>
<option value="https://www.google.com/">Google</option>
<option value="https://yandex.com.tr/">Yandex</option>
<option value="https://www.yahoo.com/">Yahoo</option>
</select>

Kullanıcı bu selecboxu gördüğünde ilk olarak bir arama motoru seç ile karşılaşacak ve ardından Google , Yandex yada Yahoo'dan herhangi birini seçtiğinde value kısmında yer alan urle yönlenecektir. Burada javascriptin onchange methodundan faydalandık. Yani selecboxta bir değer değişimi olduğunda bizi o değere yönlendirme işlemini bu kısım yapmaktadır.

Yazar Hakkında

Kazım Uslu

Css, html5, c#, php, mysql konusunda bilgili, 15 yıldır internet ile çalışan, oyun oynamayı seven biriyim. Kişisel kütüphanemde bu konular hakkında içerikler bulabilirsiniz. Sosyal medya hesaplarımdan bana ulaşabilirsiniz.

Sitemizde yer alan oyun görselleri, oyunu üreten firmaya aittir. Görseller, tanıtım ve bilgilendirme amacıyla yazıya eklenmiştir. Hak ihlali olduğunu düşünüyorsanız lütfen iletişim sayfamız üzerinden iletişime geçiniz.

Javascript kategorisinden Yazılar

Yorum Yapılmamış

Bu yazıya henüz bir yorum yapılmamış, hemen bir tane yapmak ister misin ?

Yorum Yapın

TosaComTR Misafir olarak Yorum yapabilirsiniz.