Создание выпадающего меню в Bootstrap Выберите

Question

Im пытается показать свои варианты в группе, но я хочу, это будет что-то вроде выпадающего меню, например, мы имеем

• вариант 1
• вариант 2
• вариант 3

, когда пользователь нажал на вариант 2 выпадающее меню открывается, и он содержит

• sub_option 1
• sub_option 2
• sub_option 3

есть ли способ, что я мог сделать это с бутстрапом выбрать? если нет, можете ли вы предложить мне способ сделать это?!

Того каждое тело

Answer 1

Здесь вы идете:

$(document).ready(function() { 
 
    $('#Rank').bind('change', function() { 
 
     var elements = $('div.container').children().hide(); // hide all the elements 
 
     var value = $(this).val(); 
 

 
     if (value.length) { // if somethings' selected 
 
      elements.filter('.' + value).show(); // show the ones we want 
 
     } 
 
    }).trigger('change'); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> 
 
<select size="1" id="Rank" title="" name="Rank"> 
 
    <option value="">-Select Your Rank-</option> 
 
    <option value="airman">Airman</option> 
 
    <option value="senior-airman">Senior Airman</option> 
 
</select> 
 

 
<div class="container"> 
 
    <div class="airman"> 
 
     Line of text for Airman 
 
    </div> 
 
    <div class="senior-airman"> 
 
     Line of text for Senior Airman 
 
    </div> 
 
</div> 
 

 
<div class="container"> 
 
    <div class="airman"> 
 
     <select> 
 
      <option>Airman Stuff</option> 
 
     </select> 
 
    </div> 
 
    <div class="senior-airman"> 
 
     <select> 
 
      <option>Senior Airman Stuff</option> 
 
     </select> 
 
    </div> 
 
</div>