Javascript 引导下拉切换顺序按

我有以下选择

<select>

    <option>orderby</option> 
    <option id="select1">__1</option> 
    <option id="select2">__2</option>
    <option id="select3">__3</option>

</select> 

通过在“选择”菜单中更改“按选项”显示/隐藏的div 而且它工作得很好

现在，我想将这个示例应用到下面的引导下拉菜单 并且需要选择默认显示的div1

        <div class="dropdown">
            <button type="button" class="catby btn btn-sm dropdown-toggle" data-toggle="dropdown">
              <i class="ion-android-apps"></i>order by<span class="caret"></span>
            </button>
            <ul class="dropdown-menu" role="menu">
        <li><a href="#" data-value="action" id="select1">__1</a></li>
        <li><a href="#" data-value="another action" id="select2">__2</a></li>
        <li><a href="#" data-value="something else here" id="select3">__3</a></li>
      </ul>
    </div>

订购人

---

我不确定您在这里想要完成什么。你只是想复制你的下拉菜单，但使用引导来设置它的样式？我只是想通过

我不确定你想在这里完成什么。你只是想复制你的下拉菜单，但使用引导来设置它的样式？我只是想通过

• 而不是\uu 1将选择菜单应用于引导下拉菜单顺序

  $(document).ready(function(){
      $("select").change(function(){
          $(this).find("option:selected").each(function(){
              if($(this).attr("id")=="select1"){
                  $(".box").not(".select1").hide();
                  $(".select1").show();
              }
              else if($(this).attr("id")=="select2"){
                  $(".box").not(".select2").hide();
                  $(".select2").show();
              }
              else if($(this).attr("id")=="select3"){
                  $(".box").not(".select3").hide();
                  $(".select3").show();
              }
  
              else{
                  $(".box").hide();
              }
          });
      }).change();
  });
  

          <div class="dropdown">
              <button type="button" class="catby btn btn-sm dropdown-toggle" data-toggle="dropdown">
                <i class="ion-android-apps"></i>order by<span class="caret"></span>
              </button>
              <ul class="dropdown-menu" role="menu">
          <li><a href="#" data-value="action" id="select1">__1</a></li>
          <li><a href="#" data-value="another action" id="select2">__2</a></li>
          <li><a href="#" data-value="something else here" id="select3">__3</a></li>
        </ul>
      </div>