Merhaba..

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?