動的に更新された複数のオプションを選択してSafariで動作しない - iphone

Question

「都市」の選択ボックスで都市を選択できるようにするコードを作成した後、2番目の選択ボックス「エリア」がフィルタリングされ、その都市内の複数のエリアを選択できるため、ユーザーは1つの都市内の複数のエリアを選択できます。選択領域「エリア」は、複数の選択を可能にする。したがって、このコードは、すべての都市のすべての領域が表示されているのiPhone（サファリ）（フィルタリングされない）上のFirefox、Chromeのではなく、上で動作します：

$('#property_city_submit9').change(function(){ 

    var city = $(this).val(); 
    if(city !== 'all'){ 

    $('#property_area_submit9 option:selected').removeAttr("selected"); 
    $('#property_area_submit9 option').css('display', 'none'); 
    $('#property_area_submit9 option[data-parentcity="'+city+'"]').css('display', 'block'); 

    }else { 

    $('#property_area_submit9 option:selected').removeAttr("selected"); 
    $('#property_area_submit9 option').css('display', 'none'); 
    $('#property_area_submit9 option[value="all"]').css('display', 'block'); 
    } 
});  

• property_city_submit9 - "市は" ボックス
• property_area_submit9を選択します - 」エリア選択ボックス（複数選択）の場合、そのオプションの属性はdata-parentcity - エリアが属する都市の名前です。

私は理解できません。css()メソッドはSafariで動作しませんか？すべてのあなたの助けを感謝します。

Answer 1

こんにちは私は私の問題の解決策を見つけたと思う。この記事に続いてhttps://stackoverflow.com/a/15025961/6822695、iphoneでcssメソッドを使用する可能性がないので、append（）とremove（）を使用してコードを変更しました。コードは次のとおりです。