Javascript 如何使用下拉选择器更改搜索值？

关于标题，我想在WordPress中使用一个选择下拉列表来搜索普通的WordPress文章和自定义的文章类型

正常的帖子有不同的外观，我有一个自定义的帖子类型，有垂直的缩略图

我用这个函数计算出搜索结果

function template_chooser($template)
{
  global $wp_query;
  $post_type = get_query_var('post_type');
  if( $wp_query->is_search && $post_type == 'gallery' )
  {
    return locate_template('taxonomy-gallery.php');
  }
  return $template;
}
add_filter('template_include', 'template_chooser');

但我的问题是搜索表

搜索默认WordPress帖子的默认搜索表单如下：

<div class="searchbox">
<form action="<?php echo home_url( '/' ); ?>" method="get"><button name="search" class="button">
<span></span></button>
<input type="text" id="s" name="s" value="" />
</form>
</div>

可通过以下方式创建选择下拉列表：

<select name="post_type" >
    <option value="post">Posts</option>
    <option value="gallery">Gallery</option>                 
</select>


帖子
画廊

<select name="post_type" >
    <option value="post">Posts</option>
    <option value="gallery">Gallery</option>                 
</select>