drop-down-menu 相关问题

用户界面控件GUI元素,类似于列表框,允许用户从列表中选择一个值。当下拉列表处于非活动状态时,它会显示单个值。激活后,它会显示(下拉)一个值列表,用户可以从中选择一个值。

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

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

回答 1 投票 0

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

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

回答 1 投票 0

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

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

回答 1 投票 0

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

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

回答 1 投票 0

当 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

回答 1 投票 0

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

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

回答 2 投票 0

在 Java CLI 中选择 UI 元素

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

回答 1 投票 0

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

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

回答 1 投票 0

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

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

回答 2 投票 0

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

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

回答 1 投票 0

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

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

回答 1 投票 0

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

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

回答 2 投票 0

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

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

回答 1 投票 0

为什么 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

回答 1 投票 0

使用javascript选择下拉菜单选项

我有一个下拉菜单,但我不知道如何让 JavaScript 函数选择下拉菜单选项。我已经测试了变量的输出,它们都是正确的,但它仍然会......

回答 3 投票 0

替换 SQL Select 中的值

我的一位同事遇到了一个问题,我不知道是否有解决方案。 这是她的代码要点: 选择A、B、C 从 扩展表 其中值为 (X, Y, Z); “A”的值显示在下拉列表中...

回答 1 投票 0

如何选择jquery无序下拉列表selenium webdriver

我可以编写java代码来选择下拉列表,如果它有正常的选择类,例如:- new Select(driver.findElement(By.id("someid"))).selectByValue("1")); 但下面...

回答 1 投票 0

类型“never”上不存在属性“contains”

我无法摆脱这个错误,我的文件永远是红色的。 我尝试向 useRef(null) 添加类型,但无法消除该错误。也许我添加了错误的类型? const dropdownRef = useRef(nul...

回答 1 投票 0

SwiftUI 菜单/上下文菜单中的标题

有没有办法给iOS中的菜单添加标题(调试菜单)?我知道在 Swift/UIKit 中这是可能的,但我在 SwiftUI 中找不到方法。

回答 3 投票 0

获取 JSON 数据以填充 HTML 中的下拉列表时出现问题

我很难尝试从 JSON 中获取数据来填充 HTML 中下拉列表的选项。下拉列表没有显示任何选项,但提取似乎有效! 请赐教...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.