drop-down-menu 相关问题

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

如何在 cypress 中使用 div 标签选择下拉菜单

我在 cypress 中使用 select 命令访问下拉列表时遇到此错误。 cy.select() 只能在 .您的主题是:-- 选择... 这是我的代码: it('新用户',() =>{ ...

回答 1 投票 0

从下拉列表中选择要传递给变量的选项并使用新的 domDocument 重新加载页面

好的。已经为此奋斗了很长时间了。我有以下代码从添加站点获取 html: $articleClassName = '相对隔离 sf-search-ad 光标指针溢出隐藏相对转换...

回答 1 投票 0

Flutter DropDownButton图标自定义展开背景

我正在尝试弄清楚如何创建这个布局: 但我无法展开下拉按钮,这是我目前可以实现的目标: 不关心宽度扩展,而是蓝色背景......

回答 1 投票 0

自定义下拉菜单出现在表单上其他元素下方

我有一个表单,在用户在另一个下拉菜单中选择一个选项(这是重复使用的同一组件)后,我动态构建的自定义下拉组件会出现,但是男人...

回答 1 投票 0

ASP.NET core MVC 如何使用下拉列表

我正在尝试使用 Viewbag 在我的剃刀视图中创建下拉列表,但它不起作用,我想我错过了一些东西 公共 IEnumerable GetAllEmployeeForPayroll() { ...

回答 3 投票 0

使用PageMethod更新下拉列表

我需要使用从服务器端方法返回的对象列表填充 DropDownList。由于这不会导致页面刷新,所以我使用 PageMethods。当我调试时,我可以看到 onSu...

回答 2 投票 0

下一个下拉菜单的选项应基于前一个下拉菜单

我有一个数据库 [ { “ID”:3, “第四个IP”:“5”, “地点”:“日本”, “第三个IP”:“20” }, ...

回答 2 投票 0

在 HTML / Blazor Select(下拉)Foreach 中设置默认值

我想在 HTML 的选择列表中的 foreach 循环中设置默认值。 谢谢你的努力。 @ 我想在 HTML 的选择列表中的 foreach 循环中设置默认值。 感谢您的努力。 <select class="form-control" style="width: 160px" id="id"> @foreach (var option in Function()) { <option> @option </option> } 如果您希望能够选择选择哪个值并自动获取更新的值,那么您可以使用双向绑定: <select @bind="BindString"> @foreach (var item in ValuesFromFunction) { <option>@item</option> } </select> <br/> <div>The selected value is: <b>@BindString</b></div> @code { string BindString { get; set; } = "Three"; List<string> ValuesFromFunction = new() { "One", "Two", "Three" }; } 使用 <option value="value" selected>Option Name</option> 这种方法对我有用: <select @bind="selectedValue"> @foreach (string item in selectionList) { <option>@item</option> } </select> @code { public string selectedValue { get { return "defaultValue"; } set { yourMethod(value); } } void yourMethod(string value){ } } 这将确保绑定并触发所需的操作。

回答 0 投票 0

Bootstrap4 下拉菜单仅在第二次单击时有效

我正在开发一个 django 项目,该项目使用 bootstrap4,我在下拉切换器方面遇到了一些问题。 切换器仅在第二个链接之后切换下拉菜单! 我做错了什么?

回答 8 投票 0

当另一个选择组件的菜单打开时,MUI 选择组件菜单需要单击 2 次才能打开

我正在开发一个应用程序,它有两个相邻显示的下拉菜单(选择组件)(我将它们称为 A 和 B)。 假设 A 打开并且用户想要单击并打开 B。我注意到...

回答 2 投票 0

EXCEL - 下拉列表和隐藏列

嗨,我正在寻求帮助! 问题: 有没有办法根据下拉列表中的选择隐藏多列? 解释: 我创建了一个 Excel 文档作为每个人的假期日历......

回答 1 投票 0

我可以在 MUI 选择组件中实现常规下拉菜单/样式吗?

我目前正在尝试在我的 MUI 选择组件中实现默认的下拉菜单外观。 所需菜单: 我当前选择的组件: 我尝试将选择元素标签包装在我的

回答 1 投票 0

Jetpack Compose 下拉菜单与键盘重叠

我想使用 Jetpack Compose 和 Material3 构建一个可搜索的 DropDownMenu。 问题是 DropDownItems 与键盘重叠。我认为所选的 DropDownMenuItem 应该向上滚动,但是...

回答 1 投票 0

使用 CSS 设置一行标签和下拉列表的样式

连续设置一堆标签/下拉列表的样式是什么,但是每个下拉列表的正上方都有一个标签。 目前我的 HTML 中有:

回答 5 投票 0

我如何使用html、css和scss将其制作成下拉菜单

我正在尝试使用html,css和scss制作一个下拉菜单。 如有帮助,将不胜感激。 我正在尝试使用 html、css 和 scss 制作一个下拉菜单。 如有帮助,我们将不胜感激。 <nav> <div class="nav-container"> <div class="nav-logo"><a href="index.html"><img class="logo" src="/img/logo.svg" alt="logo"></a> </div> <div class="search-container"> <div class="fa fa-search search-icon"></div> <div class="input-container"><input type="text" placeholder="search"></div> <div class="fa fa-times cross"> </div> </div> <div class="nav-boxes"> <ul> <div class="nav-link-boxes"> <li class="links"><a href="home.html">home</a></li> </div> <div class="nav-link-boxes"> <li class="links"><a href="catalog.html">catalog</a></li> </div> <div class="nav-link-boxes dropdown-menu"> <li> <div class="links"><a href="paintings.html">portfolio</a></div> </div> <ul class="dropdown"> <div class="nav-link-boxes dropdown-links"> <li>embroidery</li> </div> <div class="nav-link-boxes dropdown-links"> <li>vector</li> </div> </ul> </li> <div class="nav-link-boxes"> <li class="links"><a href="#">contact</a></li> </div> </ul> </div> <img class="login" src="./img/accounticon.svg" alt="login"> </div> </nav> sass 文件 @import "var"; .nav { &-container { z-index: 1; background: $navbar-gradient; margin-top: 2rem; width: 95%; display: flex; position: fixed; justify-content: space-between; align-items: center; border-radius: 4rem; height: 6rem; left: 1.1rem; .search-container { display: flex; align-items: center; justify-content: space-between; text-align: center; background: $search; padding: 1rem; border-radius: 2rem; /* box-shadow: 5px 5px 20px rgb(255, 249, 238); */ input { display: flex; margin: auto auto; margin-left: 1rem; // /* width:500px; */ border: none; outline: none; background: $search; align-items: center; justify-content: flex-start; ::placeholder { color: $placeholder; } } } .nav-boxes { ul .boxes { display: flex; margin-right: 2rem; margin-left: 2rem; align-items: center; list-style-type: none; a { font-family: "Exo 2", sans-serif; text-decoration: none; font-size: 1.4rem; color: $dark-primary; font-weight: 600; &:link, &:visited { border-radius: 2rem; transition: all 0.9s; } } } } .links { margin: 0 0.4rem; } .nav-link-boxes { padding: 0.5rem; margin-right: 0.7rem; background-color: $nav-buttons; border-radius: 3rem; padding-bottom: 0.8rem; &:hover { transform: translateY(-0.3rem); box-shadow: 0 1rem 2rem $white; } &:active { transform: translateY(-0.1rem); box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.3); } } .login { height: 9rem; overflow: hidden; } } &-logo { padding: 1.5rem; margin-top: 0.5rem; .logo { height: 5.2rem; } } } 我正在尝试制作一个投资组合网站,并且正在创建一个导航栏,在导航栏中的投资组合选项卡中有一个下拉菜单。我在每个列表项周围包裹了一个 div,因此我可以应用样式,并且我无法在整个列表项周围包裹一个 div,否则嵌套列表中的所有列表项都会包含在其中。 我正在使用 sass,似乎存在特异性问题,有些东西不起作用,我不知道如何嵌套它们,但最终我想创建下拉菜单。 下拉菜单的正确 HTML 元素是 <select>。因此,不要写 <ul class="dropdown">,而是写: <select> <option value="embroidery">embroidery</option> <option value="vector">vector</option> </select> 然后您可以根据自己的喜好设置选择元素的样式。例如: select { font-size: 0.8rem; padding: 4px 8px; } 在这里您可以找到有关如何使用下拉控件的好示例。

回答 1 投票 0

创建自定义下拉列表以选择文件夹移动位置

我需要创建一个下拉列表,其中包含文件夹可以移动到的所有可能的目录。 下拉列表的结构必须如下所示: 主目录 子目录 苏...

回答 1 投票 0

ScrollView 影响 Geometry Reader 内的视图

主要内容查看: 结构ContentView:视图{ @State var 编辑:Bool = false @State var inputText:字符串=“” @State var vOffset:CGFloat = 0 @State var hOffset:C...

回答 1 投票 0

如何使用数据表单API在DropdownButtonFormField中添加默认选择?

这是我的代码。 我这样声明: var selectedEquipment; 这是我在下拉列表中添加默认值的代码 如果(!isNew){ 设置状态((){ 选定的设备 = 干预['设备']...

回答 1 投票 0

为什么我的下拉菜单取消悬停后无法保存悬停状态?

我尝试创建一个超级菜单,其中有两个下拉菜单,其中一个效果很好(不幸的是它必须如此;因为悬停状态不会保存)。 现在另一个下拉菜单包含一个菜单,其中...

回答 1 投票 0

当我点击另一个

这里我有 3 个下拉菜单。 当单击外部时,所有 3 个下拉列表均正常关闭,但当我单击另一个下拉列表时,其他下拉列表在已打开时仍保持打开状态。 预期的行为是......

回答 1 投票 0

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