2 select box

Merhaba arkadaşlar
Biliyorum her tarafta olan bir konu
1.select boxta seçilen veriye istinaden 2.select boxa veri aktarılması üzerine uğraşıyorum ama gerek jquery gerekse ajax konusunda bilgim oldukça kısıtlı.
Veri tabanında bir takım bilgiler tutuyorum misalen diyelim ssa ve gos olsun. db de ssa ve gos aynı yerde olduğu için birbiriyle eşleşecek şekilde oluyor. ben bir selectbox yaptığımda aşağıda ki şekildeyse 2. selectboxta çıksın istiyorum
Yani ssa1 i seçtiğide gos1 gözüksün sadece veya ssa2 yi seçtiğimde gos2 ve gos3 gözükmeli

ssa1 - gos1
ssa2 - gos2- gos3
ssa3 - gos4- gos5 -gos6
Alternatif çözüm önerilerinizi ve yardımlarınızı beklemekteyim
Teşekkürler :)

birinci select box da seçtiğin seçeneğin id sini veya gos ile ilişkili olan her ne ise ajax ile servera gönderirsin, Gelen isteği yakalayıp, bu isteğe göre veriyi hazırlayıp json_encode ile geri gönderirsin. Ajax da response olarak gelen datayı ise ikinci select boxa basarsın. Teorik olarak böyle :)

<script>
var $select1 = $( '#abc1' ),
$select2 = $( '#efd1' ),
$options = $select2.find( 'option' );

$select1.on( 'change', function() {
$select2.html( $options.filter( '[value="' + this.value + '"]' ) );
} ).trigger( 'change' );


</script>

$cek = mysql_query("select * from deneme Where xyz='WMARACI'");
while($yaz = mysql_fetch_array($cek))
{
echo "".$yaz["efd1"]."";
}
?>

şöyle bir kod yazarak value değerlerini eşitleyip getirtebildim fakat aynı şeyi 2.den 3.ye yapmak istediğimde olmadı