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

Question

у меня есть выпадающий список в моем коде. Я перепробовал все решения в Интернете, чтобы выделить выбранную опцию, но по какой-то причине она не работает.

                  <asp:linkbutton ID="ReportsLink" type="button" OnClientClick="return false;"  class="dropbtn"  runat ="server"  CausesValidation="false" cssclass="MenuItem">
            <img alt="WorkFlow"   class="MenuIcon" src="Assets/img/Reports.png" />
            <asp:label  ID="Label1" style="color:white;" runat="server" Text="Reports" />
          </asp:linkbutton>

         <ul class="dropdown-content" id="myDIV">

   <li><a href="xyz.aspx"class="color active">xyz</a></li>
  <%-- <li><a href="abc.aspx"class="color">abc</a></li> --%>
    <li><a href="pqr.aspx"class="color">pqr</a></li> 
  </ul>
</div> ```

this is the css!!

```.active{
    background-color: #2864DC;
                           color:white;
}```


 ``` var url = window.location;
        $('.dropdown-content a').filter(function() {
            return this.href == url;
    }).parent().addClass('active'); ```

i just want the li to be highlighted!

Answer 1

Вы можете заменить этот CSS

a.color.active {
    background-color: #2864DC;
    color:white;
}

ИЛИ

a.active {
    background-color: #2864DC;
    color:white;
}

Я думаю, что это очень полезно.

Answer 2

Вы используете window.location, он возвращает Location объект.

Для сравнения вы должны использовать var url = window.location.href