如何顯示基於選定值的搜索表單

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>

我想做的是，如果從下拉列表中選擇了Blog選項，則使用常規WP搜索，或者如果選擇了store ，則從搜索中獲取值並打開一個新窗口，並將搜索參數傳遞給我將設置。

我知道我可以使用帶有onChange函數的JavaScript獲得選擇值-但我不確定如何在php / WordPress中處理此值。 任何方向或文章都非常感謝。

非常感謝！

Answer 1

將選擇的名稱設置為post_type ，然后選擇的值必須與post_type的名稱匹配，例如：blog，帖子類型的名稱為post 。

WordPress搜索查詢將解釋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>