ACFリレーションシップフィールドでダイナミックドロップダウンを取得する方法

Question

私のウェブサイトには、コースとコースプロバイダが掲載されています。私はACFの関係を使って各コースにプロバイダーを割り当てています。 コースとコースの提供者の両方がカスタム投稿のタイプです私は1つのコースのページごとにお問い合わせフォームを持っており、ドロップダウンから選択したコースプロバイダにお問い合わせを送信する必要があります。私がしようとしているのは、プロバイダーが選択されると、別のフォームフィールドに自分のメールアドレス（acfフィールドとして割り当てられたもの）を取得し、特定のメールにフォームを送信する動的フィールドを持つことです。次のコードで、割り当てられたプロバイダとその電子メールの両方のリストを取得しています。

   <select name="supplier" id="supplier" class="form-control"> 
        <option value="">---</option> 
        <?php 
        $posts = get_field('course_providers'); 
        if($posts): ?> 
         <?php foreach($posts as $post): ?> 
          <?php setup_postdata($post); ?> 
          <option value="<?php the_title(); ?>"><?php the_title(); ?></option> 
         <?php endforeach; ?> 
         <?php wp_reset_postdata(); ?> 
        <?php endif; ?> 
       </select> 

       <select name="supplier_email" id="supplier_email" class="form-control"> 
        <option value="">---</option> 
        <?php 
        $posts = get_field('course_providers'); 
        if($posts): ?> 
         <?php foreach($posts as $post): ?> 
          <?php setup_postdata($post); ?> 
          <option value="<?php the_field('email_address'); ?>"><?php the_field('email_address'); ?></option> 
         <?php endforeach; ?> 
         <?php wp_reset_postdata(); ?> 
        <?php endif; ?> 
       </select> 

これはjQueryで行うことができます。

ありがとうございます！簡単にあなたがそうのような各プロバイダのタイトルのためのタグへのデータ属性として電子メールアドレスを追加することができ、物事を作るために

Answer 1

：

$(document).ready(function() { 
    $('select#supplier').change(function() { 
     var emailAddress = $('select#supplier').find(':selected').data('email'); 
    }); 
    // Do something with the var emailAddress on form submit here 
}); 

：

<select name="supplier" id="supplier" class="form-control"> 
        <option value="">---</option> 
        <?php 
        $posts = get_field('course_providers'); 
        if($posts): ?> 
         <?php foreach($posts as $post): ?> 
          <?php setup_postdata($post); ?> 
          <option value="<?php the_title(); ?>" data-email="<?php the_field('email_address'); ?>"><?php the_title(); ?></option> 
         <?php endforeach; ?> 
         <?php wp_reset_postdata(); ?> 
        <?php endif; ?> 
       </select> 

次に、あなたのjQueryであなたのような何かを行うことができます