動的選択ドロップダウンワードプレス高度なカスタムフィールドで

Question

これは複数のドロップダウンのための私のコードです。

私は2つのドロップダウンを持っています.1つは都市のため、もう1つはエリアです。

誰かが都市を選択すると、エリアのドロップダウンが自動的に設定されます。

これはURLあなたはおそらくあなたがメニュー最初のドロップダウンの値を変更すると、それがトリガされるように、あなたのコード内でいくつかのAJAXを使用する必要があります。この場合

http://ctclick.com/category/

<? 

$field_key = "field_570e68df39304"; 
$field = get_field_object($field_key); 


if($field == 'pune') 

    { 
     $field_key = "field_570e68df39304"; 
     $field = get_field_object($field_key); 
      if($field) 
       {  
        echo '<select name="city" class="form-control" id="city">';   
        foreach($field['choices'] as $k => $v)   
         { 
          echo '<option value="' . $k . '">' . $v . '</option>';   
         }  
          echo '</select>'; 
       } 
    } 

elseif ($field == 'akola') 
    { 
     $field_key = "field_570e691b39305"; 
     $field = get_field_object($field_key); 
     if($field) 
      {  
       echo '<select name="city" class="form-control" id="city">';   
        foreach($field['choices'] as $k => $v)   
         {    
          echo '<option value="' . $k . '">' . $v . '</option>';   
         }  
          echo '</select>'; 
      } 
    } 
else 
{ 
    ?> 
    <select class="form-control"> 
    <option>Select Area</option> 
    </select> 
    <? 
} 

?> 

Answer 1

ですajax呼び出し。あなたの街が変更されたドロップダウンするとき、それはすべての関連分野を取得するためにAjaxリクエストをトリガーすることがあり何が起こっているこれを達成するには、この

$('#city_dropdown').change(function() { 
    jQuery.ajax({ 
     url: "/wp-admin/admin-ajax.php", 
     type: 'POST', 
     data: { 
      action: 'get_city_areas', 
      city_id: $(this).val(),    
     }, 
     dataType: 'html', 
     success: function (result) { 
      $('#area-dropdown').html(result) 
     }, 
     error: function (errorThrown) { 
      console.log(errorThrown); 
     } 
    }) 
}); 

のようないくつかのJavaScriptを含める必要があります。 WordpressのAjaxは、admin-ajaxシステムによって行われます。あなたはここでその上で詳細を読むことができます：あなたのfunctions.phpファイルでhttps://codex.wordpress.org/AJAX_in_Plugins

をあなたは

市街地を取得するためにAjax呼び出しを登録するには、次の

add_action('wp_ajax_get_city_areas', 'handle_get_city_areas'); 
add_action('wp_ajax_nopriv_get_city_areas', 'handle_get_city_areas'); 
/** 
* Handle the list of areas 
*/ 
function handle_get_city_areas(){ 
    $city_id = $_POST['city_id']; 
    //Using the city ID, retrieve the related areas 
    //and then echo the new select menu 
} 

を追加することができ、あなたが探しているものを得るのを助ける必要があることために。