$(document).ready(function(){ $("#selector").change(function(){ var labelname = $( '#selector' ).val(); var ajaxurl = "<?php echo admin_url('admin-ajax.php'); ?>"; $.ajax({ type : 'post', url : ajaxurl, data : { action: 'car_search', labelname: labelname }, success: function(ajaxresponse) { $('#selector2').replaceWith(ajaxresponse); /* wynikiem jest stworzenie na stronie pustego selektora bez opcji.. jak sprawić żeby w miejscu #selection2 pojawiło się wp_dropdown_categories( array( 'orderby' => 'NAME', 'hierarchical' => 1, 'child_of' => $is_labelname, 'depth' => 1, 'show_option_all' => 'wybierz' ) ); */ }, error: function(ajaxresponse) { alert( 'Wystąpił błąd krytyczny aplikacji ;)' ); } }); //return false; }); });
function.php
function dynamic_car_search(){ $is_labelname = $_POST['labelname']; wp_dropdown_categories( 'orderby' => 'NAME', 'hierarchical' => 1, 'child_of' => $is_labelname, 'depth' => 1, 'show_option_all' => 'wybierz' ) ); } }
Kolejnym problemem będzie sprawienie aby skrypt był bardziej elastyczny tak żebym mógł pracować głębiej niż 2 selektory np. Marka -> Model -> Typ nadwozia -> Silnik
Z góry dziękuje za pomoc i wszelkie uwagi, miłego weekendu
