在Bootstrap自定义标签中更改Click事件

Question

我有bootstrap自定义标签。除了菜单名称外，我还有多个选择标签和日期范围选择器。而且我不想打开该选项卡的内容，而不必单击该下拉选项，而是希望在用户从该下拉列表中进行选择时触发单击。

您有什么建议吗？

更新 这是引导程序自定义标签

  <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>

我在每个选项卡上都有选择标签，我希望在用户选择选择下拉列表的项目形式时触发点击事件。目前，当我单击“选择”标签时，未选择任何项目时，会显示标签内容。

谢谢。