Как я могу отобразить форму поиска на основе выбранного значения

Question

У меня есть следующая функция для пользовательского поиска в WordPress:

function my_search_form( $form ) {
  $form = '
  <div class="custom-search-dropdown">
    <div class="select-wrapper">
      <select class="blog-store-select">
        <option value="blog">BLOG</option>
        <option value="store">STORE</option>
      </select>
    </div>

    <form role="search" method="get" class="searchform" action="' . home_url( '/' ) . '" >
      <input type="text" value="' . get_search_query() . '" name="s" class="s" placeholder="Site search" />
      <input type="submit" id="searchsubmit" class="search-btn" value="'. esc_attr__( '&#xf002;' ) .'" />
    </form>
  </div>';

    return $form;
}

У меня есть выпадающий список:

 <select class="blog-store-select">
  <option value="blog">BLOG</option>
  <option value="store">STORE</option>
</select>

Я пытаюсь либо использовать обычныйПоиск в WP, если в раскрывающемся списке выбрана опция Blog или если выбрано store, возьмите значение из поиска и откройте новое окно с параметром поиска, переданным в URL, который я задам.

Я знаю, что могу получить значение select, используя JavaScript с функцией onChange, но я не уверен, как справиться с этим внутри php / WordPress.Любое направление или статьи очень ценятся.

Большое вам спасибо!

Answer 1

Установите имя вашего выбора на post_type, тогда значение выбора должно совпадать с именем post_type, например: blog, имя типа сообщения post.

Wordpress searchзапрос будет интерпретировать post_type var и будет искать только по заданному post_type,

<form role="search" method="get" class="searchform" action="' . home_url( '/' ) . '" >
      <input type="text" value="' . get_search_query() . '" name="s" class="s" placeholder="Site search" />
      <select class="blog-store-select" name="post_type">
        <option value="post">BLOG</option>
        <option value="store">STORE</option>
      <input type="submit" id="searchsubmit" class="search-btn" value="'. esc_attr__( '&#xf002;' ) .'" />
</select>