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

Javascript 04 Haziran 2020 - 14:49:48 755 Gösterim 0 Yorum

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.

Yorum Yapılmamış

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

Yorum Yapın