Блог

Главная - Вопросы по программированию - Создание выпадающего списка в Bootstrap Select

Создание выпадающего списка в Bootstrap Select

#jquery #html #select #bootstrap-select

#jquery #HTML #выберите #bootstrap-select

Вопрос:

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

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

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

  • sub_option 1
  • sub_option 2
  • sub_option 3

могу ли я каким-либо образом сделать это с помощью bootstrap select? если нет, можете ли вы предложить мне способ сделать это ?!

tnx каждое тело

Комментарии:

1. Пожалуйста, добавьте свой код.

2. Вы имеете в виду меню?

3. См. getbootstrap.com/components/#dropdowns

Ответ №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>