0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

Custom Field Suiteのセレクト(ドロップダウンリスト)で

Posted at

WordPressのCustom Field Suiteのセレクト(ドロップダウンリスト)で,選択不可項目を作りたい。

47都道府県のドロップダウンリストを作りたかったが,
Custom Field Suiteには,
選択不可項目...
HTMLで言う

スクリーンショット 2022-10-18 19.32.20.png

<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→新規作成

スクリーンショット 2022-10-18 19.36.05.png

こんな感じで一番上に擬似選択不可項目を入れておく

コード側では,

<?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文で値が空もしくは擬似選択不可項目が選択されている場合は表示しないようにする

ちょっぴり悩んだので備忘録

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?