【发布时间】：2019-09-11 14:24:55
【问题描述】：
我遇到了一个非常简单的问题：HTML“选择”标签填充了数据（我可以看到它，因为我检查了它），但是当我点击时没有下拉：
@model Models._02_ModulePlanner.PlannerViewModel
@{
ViewData["Title"] = "ShowGGGShutdowns";
Layout = "~/Views/Shared/_Layout.cshtml";
}
<form asp-controller="Planner" asp-action="AddGGGShutdown" method="post">
<select >
<option value="2012">2012</option>
<option value="2013">2013</option>
<option value="2014">2014</option>
</select>
</form>
这似乎是其中一个 CSS 属性的问题，因为当我将其注释掉时，一切正常。知道发生了什么吗？
#content {
width: 100%;
padding: 20px;
min-height: 100vh;
transition: all 0.3s;
position: absolute;
top: 0;
right: 0;
}
该 CSS 类在“SideBar”中使用，从 _Layout.cshmtl 调用。如果向下滚动，您会看到底部有一个简单的 div，其 id 为“content”。
@using Microsoft.AspNetCore.Identity
@using Microsoft.AspNetCore.Identity.EntityFrameworkCore
@inject SignInManager<IdentityUser> SignInManager
@inject UserManager<IdentityUser> UserManager
@{
Layout = null;
}
<div class="container body-content">
<div class="wrapper">
<!-- Sidebar -->
<nav id="sidebar">
<div id="dismiss">
<i class="fas fa-arrow-left fa-sm BackArrowSize"></i>
</div>
<img class="logo" src="~/images/01_WebArchitecture/02_IconShaped.svg" alt="Operatoor" />
<ul class="list-unstyled components">
@if (SignInManager.IsSignedIn(User))
{
<li class="active">
<a href="#homeSubmenu" data-toggle="collapse" aria-expanded="true"><i class="fas fa-home fa-fw"></i> Home</a>
<ul class="collapse list-unstyled" id="homeSubmenu">
<li>
<a href="~"><i class="fas fa-user fa-fw "></i> Welcome</a>
</li>
<li>
<a href="#"><i class="fas fa-cog fa-fw "></i> User settings</a>
</li>
</ul>
</li>
IdentityUser MyUser = UserManager.Users.FirstOrDefault();
IList<string> MyRoles = await UserManager.GetRolesAsync(MyUser);
bool IsRole_ModuleAll_Admin = MyRoles.Contains("Module: All - Admin");
bool IsRole_ModuleStatus_TechnicianOSC = MyRoles.Contains("Module: Status - TechnicianOSC");
bool IsRole_ModuleStatus_Admin = MyRoles.Contains("Module: Status - Admin");
bool IsRole_ModulePlanner_Admin = MyRoles.Contains("Module: Planner - Admin");
bool IsRole_ModulePlanner_TechnicianOSC = MyRoles.Contains("Module: Planner - TechnicianOSC");
bool IsRole_ModulePlanner_Scheduler = MyRoles.Contains("Module: Planner - Scheduler");
bool IsRole_ModulePlanner_TechnicianMaintenance = MyRoles.Contains("Module: Planner - TechnicianMaintenance");
bool IsRole_ModuleEquipments_Admin = MyRoles.Contains("Module: Equipments - Admin");
bool IsRole_ModuleEquipments_Technician = MyRoles.Contains("Module: Equipments - Technician");
if (IsRole_ModuleAll_Admin || IsRole_ModuleStatus_TechnicianOSC)
{
<li>
<a href="#StatusSubmenu" data-toggle="collapse" aria-expanded="false" aria-controls="PlannerSubmenu"><i class="fas fa-satellite-dish fa-fw"></i> Status</a>
<ul class="collapse list-unstyled" id="StatusSubmenu">
<li>
<a href=@Url.Action("Now_AllGGG", "Status")><i class="fas fa-industry fa-fw"></i> GGG</a>
</li>
</ul>
</li>
}
if (IsRole_ModuleAll_Admin || IsRole_ModulePlanner_TechnicianOSC || IsRole_ModulePlanner_Scheduler || IsRole_ModulePlanner_TechnicianMaintenance)
{
<li>
<a href="#PlannerSubmenu" data-toggle="collapse" aria-expanded="false" aria-controls="PlannerSubmenu"><i class="fas fa-calendar-alt fa-fw"></i> Planner</a>
<ul class="collapse list-unstyled" id="PlannerSubmenu">
<li>
<a href=@Url.Action("ShowGGGShutdowns", "Planner")><i class="fas fa-wrench fa-fw"></i> Shutdowns</a>
</li>
</ul>
</li>
}
if (IsRole_ModuleAll_Admin || IsRole_ModuleEquipments_Admin || IsRole_ModuleEquipments_Technician)
{
<li>
<a href="#EquipmentsSubmenu" data-toggle="collapse" aria-expanded="true"><i class="fas fa-binoculars fa-fw"></i> Equipments</a>
<ul class="collapse list-unstyled" id="EquipmentsSubmenu">
<li>
<a href="#"><i class="fas fa-search fa-fw "></i> List</a>
</li>
<li>
<a href="#"><i class="fas fa-cog fa-fw "></i> Settings</a>
</li>
</ul>
</li>
}
<li>
<a href=@Url.Action("LogOut", "Account")><i class="fas fa-sign-out-alt fa-fw"></i> Logout</a>
</li>
}
else
{
<li>
<a href="#PresentationSubmenu" data-toggle="collapse" aria-expanded="true"><i class="fas fa-home fa-fw"></i> Home</a>
<ul class="collapse list-unstyled" id="PresentationSubmenu">
<li>
<a href="#"><i class="fas fa-user fa-fw "></i> Modules</a>
</li>
<li>
<a href="#"><i class="fas fa-cog fa-fw "></i> Contacts</a>
</li>
</ul>
</li>
<li>
<a href="#LoginSubmenu" data-toggle="collapse" aria-expanded="true" aria-controls="LoginSubmenu"><i class="fas fa-sign-in-alt fa-fw"></i> Login</a>
@Html.Partial("~/Views/Account/Login.cshtml", new Techniced.Models.LoginViewModel())
</li>
<li>
<a href="#RegisterSubmenu" data-toggle="collapse" aria-expanded="true"><i class="fas fa-user-plus fa-fw"></i> Register</a>
@Html.Partial("~/Views/Account/Register.cshtml", new Techniced.Models.LoginViewModel())
</li>
}
</ul>
</nav>
<div class="overlay"></div>
<!-- Page Content -->
<div id="content">
<button type="button" id="sidebarCollapse" class="btn btn-info BurgerButtonSize">
<i class="fa fa-align-justify fa-sm BurgerMenuSize"></i>
</button>
</div>
</div>
<hr />
</div>
【问题讨论】：
-
可能是叠加层阻止它下拉...中间有浮动层吗？请检查。
-
好主意。但是，我把CSS和HTML上的overlay注释掉了，问题依旧存在。
-
我们无法判断您提供的 sn-p 发生了什么。您需要创建一个重现问题的 sn-p。见stackoverflow.com/help/how-to-ask
标签： javascript c# html asp.net-core razor