@fatihbozkurt; Ufak bir araştırma yaptım senin için öncelikle şunu belirtmek isterim ki safari ve operada html elementleri ile ilgili herhangi bir css işlemi gerçekleştiremiyorsunuz yani şu mesela hide() uyguluyorsun tarayıcı bunu display:none olarak algıladığı için buna izin vermiyor lakin remove() işlemini yapabiliyorsun sana aşağıda bir kod bırakıyorum bunu ben test ettim çalışıyor lakin bunu kendine göre düzenlemen gerekecek.

$(function(){
        $("select#iller").change(function(){
            var slug = $("#iller option:selected").attr("slug");
            $("select#ilceler option:not([il_slug='"+slug+"'])").remove();
        });
    });