Select'e göre select değiştirme

22-12-2020, 18:19:58

Merhaba, aşağıdaki şekilde bir işlem yapmak istiyorum. jQuery hakkında çok bilgim yok yardımcı olursanız çok sevinirim.

<select name="ilksecim" id="ilksecim">
    <option value="1">Seçenek 1</option>
    <option value="2">Seçenek 2</option>
</select>

<select name="ikincisecim" id="ikincisecim">
    <option value="1">İkinci Seçenek 1</option>
    <option value="2">İkinci Seçenek 2</option>
    <option value="3">İkinci Seçenek 2</option>
    <option value="4">İkinci Seçenek 2</option>
</select>

İlk select üzerinde seçilen seçeneğe göre ikinci select üzerinde hangi seçeneklerin çıkacağını değiştirmek istiyorum. Atıyorum ilk select üzerinde 1 seçilirse ikinci selectte 1 ve 2 görünsün, 2 seçilirse 3 ve 4 görünsün gibi.

22-12-2020, 18:25:24

#2

caylakgirisimci

Mantığını yazıyorum;
ilksecim id'li selectin jquery ile select change olayını yakalayacaksınız, select change fonksiyonu içinde yakalanan değeri if ile kontrol edeceksiniz;
if == seçenek1 bloğu içerisinde yeni selectin option'larını attıracaksınız için, seçenek 2 bloguna diğerlerini vs.vs.

14-01-2021, 15:01:04

#3

develops

Zalmoxis adlı üyeden alıntı: mesajı görüntüle

Merhaba, aşağıdaki şekilde bir işlem yapmak istiyorum. jQuery hakkında çok bilgim yok yardımcı olursanız çok sevinirim.

<select name="ilksecim" id="ilksecim">
    <option value="1">Seçenek 1</option>
    <option value="2">Seçenek 2</option>
</select>

<select name="ikincisecim" id="ikincisecim" disabled="disabled">
    <option value="1">İkinci Seçenek 1</option>
    <option value="2">İkinci Seçenek 2</option>
    <option value="3">İkinci Seçenek 2</option>
    <option value="4">İkinci Seçenek 2</option>
</select>

İlk select üzerinde seçilen seçeneğe göre ikinci select üzerinde hangi seçeneklerin çıkacağını değiştirmek istiyorum. Atıyorum ilk select üzerinde 1 seçilirse ikinci selectte 1 ve 2 görünsün, 2 seçilirse 3 ve 4 görünsün gibi.

Genel mantık bu şekilde. Gerekli koşullandırmayı yaparsın

$("#ilksecim").on("change", function(){
$("#ikincisecim ").attr("disabled", false);      
});