WordPress custom taxonomy check box to dropdown

Follow the following steps to achieve your result,

  1. Use get_terms to fetch all of your parent taxonomies and render a drop-down with the title and setting a data attribute with the term ID. Please set the args “parent” to 0 and taxonomy to your taxonomy slug.
  2. Write a jQuery script to fire an AJAX on the above created drop-down. The AJAX should send the selected term ID and should handle the request by sending a JSON reply of an array of the child term titles and IDs using the function get_term_children
  3. Handle the JSON encoded array in the AJAX complete/success callback of jQuery to add the sub-taxonomies into the other drop-down.