Изменить событие клика в пользовательской вкладке Bootstrap

Question

У меня есть пользовательская вкладка начальной загрузки. И вместо просто названий меню у меня есть несколько тегов выбора и выбор диапазона дат. И я хочу, чтобы содержимое вкладки открывалось не по щелчку в этом раскрывающемся списке, но я хочу, чтобы щелчок срабатывал, когда пользователь выберет этот раскрывающийся список.

У вас есть предложения?

UPDATE Так что это пользовательская вкладка начальной загрузки

  <div class="col-lg-2 col-md-4 col-sm-4 col-xs-6">
                <label class="control-label text-white">tab1</label>
                <a href="#tab1" aria-controls="profile" role="tab" data-toggle="tab" aria-expanded="false">
                    <select class="form-control select2">
                        <option>All</option>
                        <optgroup label="Alaskan/Hawaiian Time Zone">
                            <option value="AK">Alaska</option>
                            <option value="HI">Hawaii</option>
                        </optgroup>
                        <optgroup label="Pacific Time Zone">
                            <option value="CA">California</option>
                            <option value="NV">Nevada</option>
                            <option value="OR">Oregon</option>
                            <option value="WA">Washington</option>
                        </optgroup>
                        <optgroup label="Mountain Time Zone">
                            <option value="NE">Nebraska</option>
                            <option value="NM">New Mexico</option>
                            <option value="ND">North Dakota</option>
                            <option value="UT">Utah</option>
                            <option value="WY">Wyoming</option>
                        </optgroup>
                    </select>
                </a>
            </div>
            <div class="col-lg-2 col-md-4 col-sm-4 col-xs-6">
                <div class="form-group text-left">
                    <label class="control-label text-white">tab2</label>
                    <a href="#tab2" aria-controls="messages" role="tab" data-toggle="tab"
                       aria-expanded="false">
                        <select class="form-control text-white" name="country">
                            <option>All</option>
                            <option>1</option>
                            <option>2</option>
                            <option>3</option>
                            <option>4</option>
                            <option>5</option>
                        </select>
                    </a>
                </div>
            </div>
            <div class="col-lg-2 col-md-4 col-sm-4 col-xs-6">
                <div class="form-group text-left">
                    <label class="control-label text-white">tab3</label>
                    <a href="#tab3" aria-controls="profile" role="tab" data-toggle="tab" aria-expanded="false">
                    <select class="form-control text-white" name="country">
                        <option>All</option>
                        <option>1</option>
                        <option>2</option>
                        <option>3</option>
                        <option>4</option>
                        <option>5</option>
                    </select>
                    </a>
                </div>
            </div>

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

Заранее спасибо.