Select Option'da JS ile Seçileni Alamıyorum...

Merhaba,

Aşağıdaki şekilde bir fonksiyonum var. Listeleme sayfasında seo uyumlu url oluşturup filtreleme yapabilmek için, select option her çalıştığında seçilene göre yönlendiriyorum.

Örneğin: şehir seçildiğinde: siteadi.com/listeleme/istanbul
Örneğin: kategori seçildiğinde: siteadi.com/listeleme/kategori
Örneğin: kategori ve şehir seçildiğinde: siteadi.com/listeleme/istanbul/kategori

Bunu sağlamak için aşağıdaki fonksiyonu kullanmayı planlıyorum. Select option her çalıştığında aşağıdaki fonksiyon seçileni alıp link oluşturmalı. Ama seçileni bir türlü alamıyorum.




Sanki hiçbir şey seçilmemiş gibi sonuç boş dönüyor.



Sorunun stil verebilmek için select option'u özelleştirmek için ön yüzde oynamalar yapmışlar ve bundan kaynaklı olduğunu düşünüyorum. Listeleme butonuna tıklatıldığında sorunsuzca linkte seçileni görebiliyorum fakat js ile seçileni çekemiyorum.

$('[name="city"]').chosen().val();
Dener misiniz

$("#city_select").change(function(){
var deger = $(this).val();
});
bu ÅŸekilde deneyin hocam. Select iÅŸlemleri change ile tetikleniyor.

Cevaplar için teşekkür ederim.

Maalesef bu da çalışmıyor. Sayfa yüklendiğinde selected olarak gelenin değerini veriyor. Daha sonradan değiştirince değer aynı kalıyor.
Evet biliyorum fakat bu şekilde konuda anlattığım istediğim yapıyı oluşturamıyorum maalesef

Bunu dener misiniz?

$('#city_select_chosen ul.chosen-results').find("li.result-selected").text();