İl İlçe seçim uygulaması yapıyordum. Ajax post felan kullanmadan bu tarz bir çalışma var. Masaüstü tarayıcılarda çalışan uygulama maalesef ios safaride çalışmıyor. Select işlemlerinde istenilen javascriptler ios'ta tetiklenmiyor. İndex ve javascript kodlarım aşağıdadır. Yardım edebilir misiniz.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta name="language" content="tr">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="" name="author" />
<meta name="title" content="">
<meta name="description" content="">
<meta name="keywords" content="">
<title>İl-İlce</title>
<link rel="stylesheet" href="../docs/dist/css/bootstrap.min.css">
</head>
<body>
<div class="container">
<div class="form-group col-md-6">
<label>İl</label>
<select class="form-control" id="iller" name="iller">
<option value="">Seçiniz</option>
<option value="11" slug="1">İstanbul</option>
<option value="12" slug="2">Ankara</option>
</select>
</div>
<div class="form-group col-md-6">
<label>İlçe</label>
<select class="form-control" id="ilceler" name="ilceler">
<option value="">Seçiniz</option>
<option value="21" il-slug="1">Bayrampaşa</option>
<option value="22" il-slug="1">Beyoğlu</option>
<option value="23" il-slug="1">Fatih</option>
<option value="24" il-slug="2">Sincan</option>
<option value="25" il-slug="2">Mamak</option>
</select>
</div>
</div>
</body>
</html>jquery-3.3.1.js
$(document).ready(function(){
$(function(){
$("#ilceler option").hide();
$("#iller").change(function(){
$('[name="ilceler"]').val("");
$("#ilceler option").hide();
var slug = $("#iller option:selected").attr("slug");
if(slug){
$("#ilceler option[il-slug='"+slug+"']").show();
}
});
});
});