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.


Javascript kategorisinde 04 Haziran 2020 - 14:49:48 tarihinde yayınlanmıştır. 50 Gösterim

Kazım USLU Hakkında

PHP,MYSQL,CSS,JS,JQUERY yazılım dillerine hakim, Şu sıralar PYHTON ve LINUX üzerine araştırma geliştirme yapan, sunucu optimizasyonu ile uğraşan dijital kod yazarıyım...

Benzer İçerikli Yazılar

Yorumlar (0)

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

Yorum Yapın