在下拉列表中，必须突出显示所选选项答案

【问题标题】：in dropdown the selected option must be highlighted在下拉列表中，必须突出显示所选选项
【发布时间】：2020-02-11 17:30:34
【问题描述】：

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

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

【问题讨论】：

你能提供一个最小的工作示例吗？

标签： javascript html css asp.net dropdown

【解决方案1】：

你可以替换这个 CSS

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

或

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

我认为这很有帮助。

【讨论】：

实际上，如果我这样做，第一个选项确实会突出显示，但是当我选择其他选项时它不会改变

【解决方案2】：

您正在使用window.location 它返回一个Location 对象。

为了比较你应该使用var url = window.location.href

【讨论】：