禁止dropdown单击后消失

HTML 代码 

        <div class="col-md-1">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                <i class="fa fa-gears"></i>
                @*<span class="label label-warning">10</span>*@
            </a>
            <div class="dropdown-menu bg-black" data-stopPropagation="true" >
                <div class="treeview" style="width:300px">
                 
                        <span style="color:white">BU</span>
                        <select id="selectBU" style="color:black" onchange="GetEquipmentLine()" data-stopPropagation="true">
                            <option value="1">BU1</option>
                            <option value="6" selected="selected">BU6</option>
                        </select>
                        <span style="color:white">Line</span>
                        <select id="selectEquipmentLine" style="color:black">
                            <option></option>
                        </select>
                        <button class="btn btn-primary btn-xs" onclick="GetKanBanData()" id="btnGetEquipment">refresh</button>
                </div>
            </div>

 
        </div>

 我试了data-stopPropagation="true" 没有起作用，只好用下面的方法实现

    $(".treeview").on("click", function (e) {
        e.stopPropagation();
    })