WordPressのCustom Field Suiteのセレクト(ドロップダウンリスト)で,選択不可項目を作りたい。
47都道府県のドロップダウンリストを作りたかったが,
Custom Field Suiteには,
選択不可項目...
HTMLで言う
<select name="hoge">
<option hidden>選択してください</option> ←コイツ
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
調べた限りでは専用の設定がないため擬似的に作る。
WordPressダッシュボードから設定
WordPressダッシュボードの設定→Custom Field Suite→新規作成
こんな感じで一番上に擬似選択不可項目を入れておく
コード側では,
<?php $values = CFS()->get('m_area'); ?>
<?php foreach ($values as $value => $label) : ?>
<?php if (!empty($value) && $value != "選択してください") : ?>
<p>都道府県:<?php echo $value; ?></p>
<?php endif; ?>
<?php endforeach; ?>
こんな感じで,if文で値が空もしくは擬似選択不可項目が選択されている場合は表示しないようにする
ちょっぴり悩んだので備忘録