HOME > JavaScript > jQuery > セレクトメニュー(プルダウン)をdisplay:none;指定してもiPhoneのみ非表示にならない問題の対応方法

セレクトメニュー(プルダウン)をdisplay:none;指定してもiPhoneのみ非表示にならない問題の対応方法

セレクトメニュー(プルダウン)に対してdisplay:none;指定したりjQueryでhide()指定してもiPhoneのみ非表示にならないという問題が発生した。以下に対応方法をメモ。

対応方法

<style>
.hide{
    display:none;
}
</style>
<select>
    <span class="hide">
        <option>非表示にしたい項目</option>
    </span>
</select>

$(`非表示にしたい選択肢のセレクタ`).wrap(`<span style="display:none;"></span>`);

: jQueryで同サーバ内のCSVを読み込み、配列やオブジェクトとして取り扱う方法

先日バニラJavaScriptで同サーバ内のCSVを読み込み、配列として取り扱う ...

: jQueryにて特定のIDが存在するかチェックし分岐処理する方法

jQueryにて特定のIDが存在するかチェックし分岐処理したいというケースがあっ ...

: jQuery Nice Selectを特定ページのみ無効にする方法

bootstrap系のテンプレートデザインを使用したサイトを構築中に、セレクトメ ...