drop-down-menu 相关问题

如何根据下拉列表从多张表中按行提取数据？

我正在处理一个有多个工作表的工作簿。有几列是/否。我试图根据 Y/N 下拉列表从其他工作表中提取整行，所以如果我需要...

Google 表格 - 查询按下拉列表过滤并按相关下拉列表排序

我想让学生列表更加灵活和用户友好，而不仅仅是一大堆数据。 我希望通过过滤和排序来组合几个不同的功能......

在 CHtml::dropdownlist yii 中选择多个值

我的下拉列表为 echo CHtml::dropDownList('personids', '',$list, array('id'=>'sea'.$dd,'class'=>'vulntr-textfld1','prompt'=>'选择', ））； 列表数据是 $criteria=新 CDbCr...

在具有多个属性的 Angular Material 选择元素中显示自定义“值”

我正在尝试使用多个选项创建一个角度 MatSelect 输入，如下所示： &l...

父菜单项在悬停子菜单时悬停

我的网站 http://jointviews.com/ 带有标题菜单。关于我们和数字营销的标题菜单项在每个项目下都有子菜单。当我将鼠标悬停在下拉子菜单项上时，父菜单会返回...

无需添加 JavaScript 即可折叠菜单

在React Bootstrap中，如何在单击任何子菜单项时使子菜单折叠，而不使用添加的切换JS处理程序？ 在 React Bootstrap 中，如何在单击任何项目时使子菜单折叠，而不使用添加的 toggle JS 处理程序？ <Navbar collapseOnSelect className="bg-body-secondary" style={{width: "auto"}}> <Nav> <Link className="nav-link" to={"/item/"+root}>Main folder</Link>{" "} </Nav> <Nav> <Link className="nav-link" to="/latest">Latest posts</Link>{" "} </Nav> <Nav> <NavDropdown title="User"> <Link className="nav-link" to="/personhood"> Verify Your Account </Link> <Link className="nav-link" to="/prefs"> Settings </Link> </NavDropdown> </Nav> <Nav> <Link className="nav-link" to="https://docs.zoncircle.com">Our site</Link> </Nav> <Nav> <Link className="nav-link" to="https://docs.zoncircle.com/invest/">Invest</Link> </Nav> <Nav> <NavDropdown title="About"> <NavDropdown.Item href="https://docs.zoncircle.com/blog-archive/">Blog</NavDropdown.Item> <NavDropdown.Item href="https://docs.zoncircle.com/about-us/">About Us</NavDropdown.Item> <NavDropdown.Item href="https://docs.zoncircle.com/our-partners/">Our Partners</NavDropdown.Item> <NavDropdown.Item href="https://docs.zoncircle.com/#team">The Team</NavDropdown.Item> <NavDropdown.Item href="https://docs.zoncircle.com/carbon-pledge/">Carbon Pledge</NavDropdown.Item> </NavDropdown> </Nav> <Nav> <NavDropdown title="Blog"> <NavDropdown.Item href="https://docs.zoncircle.com/blog-archive/">All posts</NavDropdown.Item> <NavDropdown.Item href="https://docs.zoncircle.com/author/user/">CEO's posts</NavDropdown.Item> <NavDropdown.Item href="https://docs.zoncircle.com/social-media/">Social Media</NavDropdown.Item> </NavDropdown> </Nav> </Navbar> 您可以使用状态来处理这样的切换情况。我希望这对你有用： import React, { useState } from 'react'; import { Navbar, Nav, NavDropdown } from 'react-bootstrap'; import { Link } from 'react-router-dom'; const MyNavbar = () => { const [expand, setExpand] = useState(false); const handleToggle = () => { setExpand(false); }; return ( <Navbar collapseOnSelect expanded={expand} onToggle={setExpand} className="bg-body-secondary" style={{ width: "auto" }}> <Nav> <Link className="nav-link" to={"/item/" + root}>Main folder</Link>{" "} </Nav> <Nav> <Link className="nav-link" to="/latest">Latest posts</Link>{" "} </Nav> <Nav> <NavDropdown title="User" onClick={handleToggle }> <Link className="nav-link" to="/personhood" onClick={handleToggle}> Verify Your Account </Link> <Link className="nav-link" to="/prefs" onClick={handleToggle }> Settings </Link> </NavDropdown> </Nav> <Nav> <Link className="nav-link" to="https://docs.zoncircle.com">Our site</Link> </Nav> <Nav> <Link className="nav-link" to="https://docs.zoncircle.com/invest/">Invest</Link> </Nav> <Nav> <NavDropdown title="About" onClick={handleToggle }> <NavDropdown.Item href="https://docs.zoncircle.com/blog-archive/" onClick={handleToggle }>Blog</NavDropdown.Item> <NavDropdown.Item href="https://docs.zoncircle.com/about-us/" onClick={handleToggle }>About Us</NavDropdown.Item> <NavDropdown.Item href="https://docs.zoncircle.com/our-partners/" onClick={handleToggle }>Our Partners</NavDropdown.Item> <NavDropdown.Item href="https://docs.zoncircle.com/#team" onClick={handleToggle }>The Team</NavDropdown.Item> <NavDropdown.Item href="https://docs.zoncircle.com/carbon-pledge/" onClick={handleToggle }>Carbon Pledge</NavDropdown.Item> </NavDropdown> </Nav> <Nav> <NavDropdown title="Blog" onClick={handleToggle }> <NavDropdown.Item href="https://docs.zoncircle.com/blog-archive/" onClick={handleToggle }>All posts</NavDropdown.Item> <NavDropdown.Item href="https://docs.zoncircle.com/author/user/" onClick={handleToggle }>CEO's posts</NavDropdown.Item> <NavDropdown.Item href="https://docs.zoncircle.com/social-media/" onClick={handleToggle }>Social Media</NavDropdown.Item> </NavDropdown> </Nav> </Navbar> ); }; export default MyNavbar;

jquery 陷入视频时间和选择选项的无意循环中

我在视频链接和选择选项循环方面遇到问题。 当视频的时间达到 video.currentTime 时，它会更改选择值#chapters，从而更改视频。

php中如何获取选择框的多个选中值？

我有一个 html 表单，其中有一个选择列表框，您可以从中选择多个值，因为它的 multiple 属性设置为 multiple。考虑表单方法是“GET”。表单的 html 代码...

React Tailwind 多个无头 UI 下拉菜单（Typescript）

我正在使用多个 Headless UI 下拉菜单。因此，当其中一个下拉菜单处于打开状态并且我尝试单击另一个下拉菜单时，它只会单独关闭当前下拉菜单，而不会...

如何在动态 AntD 表单中过滤 Select 中的选项？

问题描述 我正在 React 项目中使用 Ant Design (Antd) 处理动态表单。该表单包含一个 Select 组件，该组件根据字段数组动态呈现选项，例如...

在 flutter 上显示多选下拉菜单

我是 Flutter 的新手，我正在尝试做一件简单的事情：有一个包含多个选项的选择列表。 我是一名 Web 开发人员，这通常是本机功能，但我发现

mvc 下拉菜单更改不触发 jquery

我有一个下拉列表： @Html.DropDownList("CharacterID") 以及以下 jQuery： $(文档).ready(函数(){ $("#CharacterID").on(change, "#CharacterID", (function () { 警报（“...

Bootstrap 5：下拉菜单图标无法正确显示

我正在使用 Angular 14 和 Bootstrap 5。我有以下代码，只是基本的 Bootstrap 下拉菜单： 我正在使用 Angular 14 和 Bootstrap 5。我有以下代码，只是 基本 Bootstrap 下拉菜单： <div class="dropdown"> <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Dropdown button </button> <div class="dropdown-menu" aria-labelledby="dropdownMenuButton"> <a class="dropdown-item" href="#">Action</a> <a class="dropdown-item" href="#">Another action</a> <a class="dropdown-item" href="#">Something else here</a> </div> </div> 在我的 index.html 文件中，我有以下导入。我正在使用 Bootstrap 主题，因此我有与其相关的导入。 <link rel="stylesheet" href="/assets/css/libs.bundle.css" /> <!-- Theme CSS --> <link rel="stylesheet" href="/assets/css/theme.bundle.css" /> <!-- JAVASCRIPT --> <!-- Vendor JS --> <script src="/assets/js/vendor.bundle.js"></script> <!-- Theme JS --> <script src="/assets/js/theme.bundle.js"></script> 我遇到了下拉菜单图标不显示的问题，我不知道为什么。下拉菜单与折叠效果很好，但图标如下所示： 我认为它可能与一个名为 .dropdown-toggle:after 的类相关，该类具有以下代码。字体可能无法正确呈现。 .dropdown-toggle:after { border: none!important; content: "\e92e"; font-family: Feather; height: auto; line-height: 1; vertical-align: middle; width: auto; } 我尝试删除 index.html 中的 css 文件，甚至添加新字体，但一切正常。我不知道其他样式是否会与 Bootstrap 崩溃。 在 bootstrap 5 中，您应该将 data-toggle 更改为 data-bs-toggle <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Dropdown button

通过更改一个单元格来更改所有货币单元格的货币

我有一个预算电子表格，其中包含具有 3 列的表格 - 预期收入、实际收入和两者之间的差异。表的最后一行是总计行。我需要这些桌子...

Flutter 中如何自定义 DropdownButtons 和 DropdownMenuItems？

带有 DropdownMenuItems 的默认 DropdownButton 返回浅灰色下拉菜单。我应该如何自定义下拉菜单（例如背景颜色、下拉菜单宽度）？我可以更改两者的样式属性

为什么人字形不保持旋转？

我想创建一个迷你项目来测试我的 CSS 技能，所以我决定创建一个下拉菜单。 所以我开始编写 HTML 代码： 超文本标记语言 我想创建一个迷你项目来测试我的 CSS 技能，所以我决定创建一个下拉菜单。 所以我开始编写 HTML 代码： HTML <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Hover menu</title> <link rel="stylesheet" href="CSS/style.css" /> </head> <body> <div class="wrapper"> <div> <button class="btn"> User Profile <img class="chevron" src="image/chevron.svg" alt="" /> </button> <div class="drop-down"> <ul> <li>Basket</li> <li>Edit</li> <li>Courses</li> <li>Logout</li> </ul> </div> </div> </div> </body> </html> 然后我写了CSS代码，我认为这是有问题的部分，但我检查了几个小时都找不到它 CSS @font-face { font-family: "Poppins"; src: local("Poppins"), url(../font/Poppins-Regular.ttf) format(truetype); } html { box-sizing: border-box; } * { list-style: none; margin: 0px; padding: 0px; } *, *::after, *::before { box-sizing: inherit; } body { font-family: "Poppins"; } .wrapper { display: flex; justify-content: center; align-items: center; min-height: 100vh; } .btn { position: relative; color: #fff; background-color: #1565c0; border: none; border-radius: 5px; font-size: 20px; padding: 10px; cursor: pointer; transition: all 400ms; } .chevron { width: 20px; vertical-align: middle; transition: all 300ms linear; } .drop-down { position: absolute; text-align: center; border-radius: 5px; box-shadow: 1px 1px 10px 0px gray; visibility: hidden; opacity: 0; transition: all 400ms ease-out; } .drop-down ul li { width: 150px; border-radius: 2px; padding: 5px; transition: all 200ms linear 100ms; cursor: pointer; } /* Actions */ .btn:hover { background-color: #0d47a1; } .btn:hover .chevron { transform: rotate(180deg); } .btn:hover + .drop-down, .drop-down:hover { transform: translate(0px, 10px); visibility: visible; opacity: 1; } > Looks like hover is not working here!!!! .btn:hover .chevron, .drop-down:hover .chevron { transform: rotate(180deg); } .drop-down ul li:hover { color: #fff; background-color: #1565c0; } 我预计在悬停按钮然后悬停下拉列表后，悬停按钮时旋转的 V 形会保持其旋转，请帮忙。 如果您将鼠标悬停在按钮上，他们将光标移动到下拉菜单您将不再悬停在按钮上。 移动下拉 div 内的按钮 ，并调整 CSS 以隐藏/显示悬停时的 ul。 html { box-sizing: border-box; } * { list-style: none; margin: 0px; padding: 0px; } *, *::after, *::before { box-sizing: inherit; } body { font-family: "Poppins"; } .wrapper { display: flex; justify-content: center; align-items: center; min-height: 100vh; } .btn { position: relative; color: #fff; background-color: #1565c0; border: none; border-radius: 5px; font-size: 20px; padding: 10px; cursor: pointer; transition: all 400ms; } .chevron { width: 20px; vertical-align: middle; transition: all 300ms linear; filter: invert(100%) } .drop-down { position: relative; } .drop-down ul { position: absolute; visibility: hidden; opacity: 0; text-align: center; border-radius: 5px; box-shadow: 1px 1px 10px 0px gray; transition: all 400ms ease-out; } .drop-down ul li { width: 150px; border-radius: 2px; padding: 5px; transition: all 200ms linear 100ms; cursor: pointer; } /* Actions */ .btn:hover { background-color: #0d47a1; } .btn:hover .chevron { transform: rotate(180deg); } .btn:hover+.drop-down ul, .drop-down:hover ul { transform: translate(0px, 10px); visibility: visible; opacity: 1; } .btn:hover .chevron, .drop-down:hover .chevron { transform: rotate(90deg); } .drop-down ul li:hover { color: #fff; background-color: #1565c0; }<div class="wrapper"> <div class="drop-down"> <button class="btn"> User Profile <img class="chevron" src="https://icons.iconarchive.com/icons/fa-team/fontawesome/256/FontAwesome-Chevron-Right-icon.png" alt="" /> </button> <ul> <li>Basket</li> <li>Edit</li> <li>Courses</li> <li>Logout</li> </ul> </div> </div>

访问 Aria 标签和下拉菜单选择 - Selenium Python

我在尝试自动使用硒进入站点设置并将不安全内容下拉菜单从阻止更改为允许时遇到困难。我采取的每一种方法都会得到错误的元素...

Html 网页标签相对于下拉菜单

创建一个 HTML 网页，我想将多个下拉菜单全部放置在特定位置，同时还相对于各个下拉菜单的位置在上方显示一个标签。 这是我的

将引导下拉菜单类更改为 Wordpress 子菜单类

我想使用引导程序“dropdown-menu”更改为wordpress自动生成的默认“子菜单”类，并使用引导程序的“dropdown”更改“has-children”。我知道这是可以实现的...

根据另一个选择中选择的值过滤选择（下拉）选项

我下面的代码使用结果数组中的值填充选择。 - 我想要做的是创建一个额外的选择，它将根据所选的值 {tag} 过滤结果。 对于