Dropdown Menü Seçilen Adrese Yönlendirme

Başlık pek açıklayıcı olmasa da aslında açıklamak istediğim şey web sitelerinde sıkça kullandığımız açılan menülerde ki seçeneklere link verebiliyoruz özellikle sayfalama sistemleri yaparken ancak bu seçimleri direk yönlendirmek için javascriptten yardım almamız gerekebiliyor. Buyrun örneklere..

Açılan bir sayfalama sistemimiz olsun:

<select>
	<option value="page1.html">Sayfa 1</option>
	<option value="page2.html">Sayfa 2</option>
	<option value="page3.html">Sayfa 3</option>
	<option value="page4.html">Sayfa 4</option>
</select>

Value değerlerinin için de ise yönlenecek link olarak belirleyelim. Daha sonra ufak bir javascript kodu yardımıyla bu value değerini gidecek sayfa olarak belirleyelim.

<select onchange="if (this.value) window.location.href=this.value">
	<option value="page1.html">Sayfa 1</option>
	<option value="page2.html">Sayfa 2</option>
	<option value="page3.html">Sayfa 3</option>
	<option value="page4.html">Sayfa 4</option>
</select>

onchange="if (this.value) window.location.href=this.value"

Objemizin value attribute değerine yönlendirme yapıyoruz bu sayede.

İyi çalışmalar 🙂