WordPress カスタムフィールドの値をモーダルに反映

WordPress カスタムフィールドの値をモーダルに反映

WordPress カスタムフィールドの値をモーダルに反映方法

Code

<p class=”business-name”><span>事業名:</span><?php the_field(‘business’); ?></p>

//—————————————-

<button type=”button” class=”btn modalbtn” data-bs-toggle=”modal”data-bs-target=”#exampleModal”
data-business=”<?php the_field(‘business’); ?>”
“>詳細を見る</button>

Step1

詳細を見るのaタグにdata属性をつけて、カスタムフィールドの値を入れます。

Step2

jqueryを使って、データの取得をします。
$(document).on(‘click’,’.modalbtn’,’#municipality_btn’,function() {

//事業名
var business = $(this).data(‘business’);
$(‘.modal_business’).text(business);

});

Step3

モーダルの中に表示をしたい場所にクラス「.modal_business」をつけると表示します。

アラートなどを使ってでバックをしてね