@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();
});
});
Aşağıdaki şekilde yapınca ilk seçimi yaptığımda düzgün çalışıyor fakat tekrardan bir il seçmeye çalışınca çalışmıyor. Sayfa ilk yüklendiğinde düzgün çalışıyor sayfayı yenilemeden tekrar seçim yapınca fonksiyon çalışmıyor.
$(document).ready(function(){
$("#iller").change(function(){
var slug = $("#iller option:selected").attr("slug");
$("#ilceler option:not([il-slug="+slug+"])").remove();
});
});