drop-down-menu 相关问题

删除Bootstrap下拉箭头

我正在使用包含手风琴菜单的引导模板。 现在，在页面的一部分上，我不需要打开项目来显示其他文本，因此我想删除箭头。 我有厕所...

<InputSelect> 在网页 Blazor .NET 8 上更改选项时，所选值不会更改

我正在 blazor .NET 8.0 中编写一个名为 ClassForm 的 InputForm，用于处理类 Class 的数据。每个类都属于一个区域。我将区域数据保存到另一个表中。 @if(它...

如何创建包含多个州和城市选择的下拉菜单？

我正在开发一个Flutter项目，我需要实现一个下拉菜单，允许用户选择州和城市。本质上，我希望下拉菜单有两个级别：第一级......

在 Flutter 中使用多选和搜索来选择下拉列表

当我处理 Flutter 应用程序时，我在使用表单小部件时遇到了问题。我无法找到一个插件可以满足我对这种带有搜索的多选下拉列表的需求。 即使...

如何在具有嵌套数据的 Material UI 数据网格内显示 DropDown 组件？

我正在使用“@mui/x-data-grid”中的DataGrid 我想显示并编辑字段“Region”作为下拉菜单（选择），其中（值：id，文本：regionName）是一个嵌套的 JSON 对象。

Flutter 下拉菜单不改变状态

有人可以帮我解决下拉菜单中更改状态的问题吗？ 当我选择菜单时，该项目不会改变。它保留在索引[0]上。 RegionalDailyTableStats 类 ext...

无法从下拉文本字段中获取值

我正在使用 dropdown_textfield 包。我的问题是我无法从下拉菜单中获取字符串值。当我打印它时它不为空，但当我尝试插入时，它变成空。 以下是我的博士...

如何管理从查询到 php 表单 select 的数组

我正在尝试从 JavaScript 中为 HTML/PHP 表单组装一个 Select 输入，如下所示： 函数塞兰多（）{ $(".creaDetFact").empty(); $(".bvp").empty(); 变...

如何在悬停后保持下拉菜单打开（仅使用CSS）

我创建了一个水平菜单，当您将鼠标悬停在某个项目上时，会出现一个下拉菜单。还行吧。但是，当您离开菜单项（使用下拉菜单）时，下拉菜单就会消失。我明白了...

当下拉列表中的值随 go.Bar() （绘图）发生变化时如何更新轴？

当下拉值更改时，我尝试更新 xaxis_title_text (update_layout) 以及tickvals 和ticktext (update_xaxes)。 我尝试改编 Plotly 示例（链接），这个答案......

当 JavaScript 有一个按钮元素作为子元素时，Javascript 不会将类添加到侧菜单

我的侧面菜单有一个关闭 (X) 按钮，最初是一个 元素。我将其更改为 ，但现在侧面菜单拒绝打开。奇怪的是，“切换”类... 我的侧面菜单有一个关闭 (X) 按钮，最初是一个 元素。我将其更改为 ，但现在侧面菜单拒绝打开。奇怪的是，当单击按钮时添加到我的侧面菜单容器中的“切换”类，当其容器内有按钮时不会添加。当我将其恢复为 元素时，它再次起作用。这让我很困惑。在检查器中，我可以看到 Chrome 尝试将类添加到 HTML，因为线条变成了紫色。 然而，“切换”类没有被添加，好像有什么东西阻止它发生？ HTML <nav id="site-navigation" class="main-navigation"> <button id="mobile-close" class="menu-exit" aria-controls="primary-navigation" aria-expanded=""> <svg></svg> </button> <?php wp_nav_menu( array( 'theme_location' => 'menu-1', 'menu_id' => 'primary-menu', ) ); ?> </nav> CSS .main-navigation { width: 100%; position: fixed; top: 0px; left: 0px; bottom: 0px; height: 100vh; height: 100dvh; z-index: 999; background: white; overflow: hidden; transform: translateX(-100%); -webkit-overflow-scrolling: touch; transition: transform 0.5s cubic-bezier(1, 0, 0, 1), width 0.3s ease; } .main-navigation.toggled { transform: translateX(0%); } .menu-exit { position: absolute; top: 0; left: 0; margin: 1.5rem; padding-top: 4px; } JS document.addEventListener('DOMContentLoaded', () => { const htmlElement = document.documentElement; const primaryNav = document.querySelector('.main-navigation'); const navToggle = document.querySelector('.menu-icon'); const menuOverlay = document.querySelector('.page-overlay'); const openSideMenu = function () { htmlElement.classList.add('no-scroll'); primaryNav.classList.add('toggled'); navToggle.classList.add('toggled'); menuOverlay.classList.add('opaque'); console.log('hello this works'); } navToggle.addEventListener('click', () => { openSideMenu(); }); }); 删除所有不必要的 JS、类、aria 控件和 HTML，看看是否没有任何冲突 将恢复为。当我这样做时，一切都会神奇地再次发挥作用。 您的 JavaScript 代码似乎可能存在问题，当它更改为元素时，无法正确选择关闭按钮。您可以采取以下措施来修复它 document.addEventListener('DOMContentLoaded', () => { const htmlElement = document.documentElement; const primaryNav = document.querySelector('.main-navigation'); const navToggle = document.querySelector('#mobile-close'); // Updated selector const menuOverlay = document.querySelector('.page-overlay'); const openSideMenu = function () { htmlElement.classList.add('no-scroll'); primaryNav.classList.add('toggled'); navToggle.classList.add('toggled'); menuOverlay.classList.add('opaque'); console.log('hello this works'); } navToggle.addEventListener('click', () => { openSideMenu(); }); }); 确保您已将 navToggle 的选择器更新为#mobile-close

即使选择选项后，自动完成文本视图建议选项也会出现

我有一个自动完成文本视图，我正在做的是，在输入至少三个字符后，API 将调用，并且我从 api 中获取一个列表，我将其用作建议，但问题...

在 Java CLI 中选择 UI 元素

我想在 Java CLI 中使用 select 元素，类似于此示例： 我从 https://github.com/go-survey/survey 偷来的 我找到了很多关于如何在 Go 中做到这一点的信息，但是...

能够获取响应数据，但标签未显示在下拉列表中

当我选择一个国家/地区时，我想自动从数据库获取城市并将其呈现在下拉列表中。我选择了国家/地区并能够获得该州的响应（作为控制台输出） 但不是

如何隐藏选择字段中的多选选项？

我正在使用 MUI 多重选择从下拉列表中选择多个选项。但问题是我不想在下拉字段中显示所选选项。如何隐藏所选选项？ 这里...

使用 C# 在 ASP.NET MVC 中单击后 DropDownList 所选项目发生更改

模型类： 公开课新闻分类模型 { 公共 int NewsCategoriesID { 获取；放; } 公共字符串 NewsCategoriesName { 获取；放; } } 控制器： 公共行动结果新闻编辑...

DropDownList 在 mvc c# 中单击后更改了所选项目

模型中的代码 公共类 NewsCategoriesModel { 公共 int NewsCategoriesID { 获取；放; } 公共字符串 NewsCategoriesName { 获取；放; } } 控制器中的代码 公共操作结果

我想在flutter中创建下拉按钮来选择多个值并在水平行中显示这些值以及前面最近选择的值

类 MultiDropDown 扩展 StatefulWidget { const MultiDropDown({Key? key}) : super(key: key); @覆盖 状态 createState() => _MultiDropDownState(); } 班级

菜单未显示在活动中，还显示一些错误，但我无法识别它们

这是我的mainactivity.kt 文件 com.example.everythingcalci 包 导入 android.os.Bundle 导入 android.view.Menu 导入 android.view.MenuItem 导入 androidx.appcompat.app.AppCompatActivity 我...

为什么 css 不能处理 html 中选择器的选项？

这是我的html代码 屏幕 这是我的html代码 <div class="blackbar" id="blackbar"> <div class="title"> <span id="titleText">Screen</span> <input class="search" type="text" id="search" placeholder="Search Movie" > <select class="dropdown" id="fruit"> <option value="apple">Apple</option> <option value="banana">Banana</option> <option value="orange">Orange</option> <option value="grape">Grape</option> </select> </div> </div> 这是我的CSS代码 #fruit { margin-left: 150px; width: 225px; height: 42px; border-radius: 12px; font-size: 24px; border: none; font-weight: lighter; box-shadow: inset 1px 1px 5px rgba(0,0,0, 0.8); padding-left: 50px; /* Add padding for indentation */ overflow-y: auto; /* Enable vertical scrolling */ max-height: 150px; /* Set maximum height for the dropdown */ } /* Style the options */ #fruit option { font-size: 24px; color: #333; background-color: #fff; padding: 10px; border-radius: 12px; } /* Style the hover state */ #fruit option:hover { background-color: #cef106; color: #000; } 请帮助我！看看为什么我的 css 无法使用这些选项， 我希望我的悬停为黄色，但它仍然是蓝色，并且边框舍入也不起作用，它适用于选择，但不适用于其选项，请帮助我 也许在选择选项上做display: none