dropdown-toggle 的点击禁用

Posted 2020-08-16 AwuAwu

 <div class="dropdown select-dropdown" id="choiceTagdiv">
                            <a class="select-menu dropdown-toggle" id="choiceTag" value="tf" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                全部
                                <span class="arrow-b-gray"></span>
                            </a>
                            <ul class="dropdown-menu" id="tagMenu">
                                @for (int i = 0; i < typeList.Count; i++)
                                {
                                    <li><a href="#" id="@typeList[i].name">@typeList[i].name</a></li>
                                }
                            </ul>
                        </div>

　　存在一个需求，当前一个选择框选择某条件后，此选择框点击不显示更多的选项。可以使用bootstrap提供的event进行处理。

    $("#choiceTag").click(function (e) {
        if ($("#choiceType").attr("value") == "cms_purchase") {
            e.stopPropagation();
        }
    });

　　通过choiceTag被点击时，增加一个条件，前一个选择框条件满足时，阻止点击事件的传播，达到不显示的效果。