Javascript 在下拉列表中，所选选项必须高亮显示

我的代码中有一个下拉列表。我已在线尝试了所有解决方案，以突出显示所选选项 但出于某种原因，它似乎不起作用

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

```
这是css！！
```.主动{
背景色：#2864DC；
颜色：白色；
}```
```var url=window.location；
$（'.dropdown内容a'）.filter（函数（）{
返回this.href==url；
}).parent（）.addClass（'active'）```
我只想突出显示li！

您正在使用

窗口。location

它返回一个

位置

对象

---

为了进行比较，您应该使用

var url=window.location.href

您可以替换此CSS

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

或

---

我认为这很有帮助。

你能提供一个简单的工作示例吗？事实上，如果我这样做，第一个选项会突出显示，但当我选择其他选项时，它不会改变

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