Site icon Hip-Hop Website Design and Development

Customized put up kind archive web page filters

What’s the correct approach to filter my customized put up kind archive web page by my customized taxonomies? When i am going to archive web page(archive-recipies.php), fetch me all of the put up below the customized put up kind. On this web page archive-recipies.php i made one type with two choose inputs stuffed with my customized taxonomies! I would like when type submited to filter depent what person choose! This the code!

    <type technique="GET">
        <div class="row py-5">
            <div class="col-4">
                <choose class="form-select" title="band">
                    <possibility worth="" chosen="true" disabled="disabled">Choose band</possibility>
                    <?php
                    $tax_terms= get_terms('bands', array('hide_empty' => '0', 'mother or father' => '0'));
                            foreach ( $tax_terms as $tax_term ):
                                echo '<possibility worth="'.$tax_term->term_id.'">'.$tax_term->title.'</possibility>';   
                            endforeach;
                    ?>
                </choose>
            </div>
             <div class="col-4">
                <choose class="form-select" title="country">
                    <possibility worth="" chosen="true" disabled="disabled">Choose nation</possibility>
                     <?php 
                        $tax_terms= get_terms('international locations', array('hide_empty' => '0', 'mother or father' => '0'));
                        foreach ( $tax_terms as $tax_term ): 
                            $e mail = get_field('acf_taxonomy_email', $tax_term);
                            echo '<possibility worth="'.$tax_term->term_id.'">'.$tax_term->title.'</possibility>';   
                        endforeach;
                     ?>
                </choose>   
            </div>
             <div class="col-4">
                <button kind="submit" class="btn btn-success">Success</button>
            </div>
        </div>
    </type>

   <desk class="table">
     <thead>
        <tr>
          <th scope="col">#</th>
          <th scope="col">Identify</th>
          <th scope="col">E-mail</th>
          <th scope="col">Band</th>
          <th scope="col">International locations</th>
          <th scope="col">Favourite tune</th>
        </tr>
    <tbody>  
   <?php if ( have_posts() ) :
    $i = 1;
    whereas ( have_posts() ) : the_post(); ?>
        <tr>
          <th scope="row"><?php echo $i ?></th>
          <td><?php the_title() ?></td>
          <td><?php echo get_post_meta(get_the_ID(), 'acf_email_live', true); ?></td>
          <td>
              <?php
                $tax_terms = the_terms( get_the_ID(), 'bands' );
                foreach ( $tax_terms as $tax_term ) :
                   echo $tax_term->title; 
                endforeach
              ?>
          </td>
          <td>
            <?php
                $tax_terms = the_terms( get_the_ID(), 'international locations' );
                foreach ( $tax_terms as $tax_term ) :
                   echo '<p>'.$tax_term->title.'</p>';
                endforeach
              ?>
          </td>
          <td><?php the_content(); ?></td>
       </tr>
      
<?php  $i++;
    endwhile; 
    endif; ?>
     </tbody>
</desk>