如何将第三方选择框合并为一个？

Question

我在我的WordPress网站上有第三方搜索小工具，我想让Region＆amp;位置下拉到一个。

地区标签代码如下：

<div class="regionFilter">
   <span class="label"><label>Region</label></span>
   <span class="input">
      <select>
         <option value="">--- All ---</option>
         <option value="Bali">Bali</option>
         <option value="Thailand">Thailand</option>
      </select>
   </span>
</div>

位置标签代码如下：

<div class="locationsFilter">
   <span class="label"><label>Location</label></span>
   <span class="input">
      <select>
         <option value="">--- All ---</option>
         <option value="Patong">Patong</option>
         <option value="Pattaya">Pattaya</option>
         <option value="Seminyak">Seminyak</option>
         <option value="Ubud">Ubud</option>
         <option value="Uluwatu">Uluwatu</option>
      </select>
   </span>
</div>

将区域数据合并到位置过滤器后，我需要最终结果，如下面的代码。因此，它将作为位置明确的分组区域。

<div class="locationsFilter">
   <span class="label"><label>Location</label></span>
   <span class="input">
      <select>
         <option value="">--- All ---</option>
         <option value="Bali">--- Bali ---</option>
         <option value="Seminyak">Seminyak</option>
         <option value="Ubud">Ubud</option>
         <option value="Uluwatu">Uluwatu</option>
         <option value="Thailand">--- Thailand ---</option>
         <option value="Patong">Patong</option>
         <option value="Pattaya">Pattaya</option>
      </select>
   </span>
</div>

我无法访问第三方代码，我所要做的就是使用wordpress，php，javascript和jquery