单击导航面板按钮并更新其他面板

Question

我的bootstrap网站有侧面板和主面板。

主面板有几个来自MySQL数据库的国家/地区（工作正常）。当我从侧面板选择菜单中选择国家时，我想要制作，根据相关国家更新主面板。执行此任务的最佳方法是什么？

<div><li>
  <label class="label label-custom">Country</label>
   <select class="btn country-select-custom">
     <option value="any" selected>Any</option>
     <option value="usa">USA</option>
      <option value="canada">Canada</option>
     <option value="india">India</option>
      <option value="other">Other</option>
  </select>                    
 </li></div><div>
<?php
    foreach ($value as $add) {
        echo "<div'>";
        echo '<p class="target" news_country = "' . $add->country . '" >' . $add->newsdata . '</p>';
        echo "</div>";
    }
    ?></div>