Bir sayfada 3 tane selectbox'um var.
1. selectbox ve div değerleri;
<select name="aaa" class="field-content"> <option value="x">x</option> <option value="y">y</option> <option value="z">z</option> </select> <div id="x" name="aaa">A-X değeri</div> <div id="y" name="aaa">A-Y değeri</div> <div id="z" name="aaa">A-Z değeri</div>2. selectbox ve div değerleri;
<select name="bbb" class="field-content"> <option value="x">x</option> <option value="y">y</option> <option value="z">z</option> </select> <div id="x" name="bbb">B-X değeri</div> <div id="y" name="bbb">B-Y değeri</div> <div id="z" name="bbb">B-Z değeri</div>3. selectbox ve div değerleri;
<select name="ccc" class="field-content"> <option value="x">x</option> <option value="y">y</option> <option value="z">z</option> </select> <div id="x" name="ccc">C-X değeri</div> <div id="y" name="ccc">C-Y değeri</div> <div id="z" name="ccc">C-Z değeri</div>Eğer "aaa" isimli selectbox'un "y" değerini seçtiysem ekranda <div id="y" name="aaa">A-Y değeri</div> çıkacak.
Aynı şekilde "bbb" isimli selectbox'un "z" değerini seçtiysem ekranda <div id="z" name="bbb">B-Z değeri</div> çıkacak.
Ve son olarak "ccc" isimli selectbox'un "x" değerini seçtiysem ekranda <div id="x" name="xxx">C-X değeri</div> çıkacak.
$('.row').each( function(i){
$( this ).find( 'select.field-content' ).each( function(i) {
var aaa = $(this).attr('name');
$('select[name = ' + aaa ).change(function(){
$('ul.field-content').hide();
$('ul#' + $(this).val()).show();
});
});
});böyle bir şey yazdım, hangi selectbox'u değiştirsem değiştireyim sadece adı aaa olan div'lerde değişim oluyor. Nasıl yapabilirim?
