drop-down-menu 相关问题

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

Shadcn/ui Select - 当用户选择项目时更改状态

我正在使用 shadnui 并尝试做一些非常简单的事情>让用户从 1 到 6 的列表中进行选择。我想在用户选择数字时更新状态。 我发现这个线程 Shadcn ui s...

回答 1 投票 0

似乎无法访问存储在数据表中的下拉列表

这需要一些解释。 我有一个带有 2 个下拉列表的 asp.net 页面。这些都是回发的。我使用 vb.net 作为后面的代码。然后我有一个公共数据表,其中存储一些值...

回答 1 投票 0

更新 Laravel 10 下拉菜单中所选值的问题

我的 CRUD 表单在 Laravel 10 中工作,但选择下拉菜单 UPDATE 功能除外。在CREATE功能中,我可以成功地从选项中选择所需的值...

回答 1 投票 0

如何在ReactJs中从下拉列表中获取选定的值?

我无法从下拉列表中获取值 我得到的值是错误的,如果我单击完成,它们会相反,它将在控制台中显示不完整,反之亦然 const [状态,setStatus] =

回答 1 投票 0

更改React中的选择框按钮文本

所以我有一个 JSON 数组,其中对象如下所示 - [ { "国家/地区代码": "AF", "country_name": "阿富汗", “国家国旗&q...

回答 1 投票 0

刷新CSS后下一个js嵌套路由不起作用

我正在使用 Next.js 构建一个网站,其中我使用嵌套路由作为下拉菜单。但是它有一个bug,当我进入该页面然后刷新页面时,它不起作用。 我正在使用 Next.js 构建一个网站,其中我使用嵌套路由进行下拉。但是它有一个bug,当我进入该页面然后刷新页面时,它不起作用。 <Navbar.Toggle aria-controls="responsive-navbar-nav"/> <Navbar.Collapse id="responsive-navbar-nav"> <Nav className="me-auto navbar_show" > {/* about us */} <NavDropdown title="About" id="collapsible-nav-dropdown"> <NavDropdown.Item as={Link} href="/about">About Us</NavDropdown.Item> <NavDropdown.Item as={Link} href="/about/news">News Letter</NavDropdown.Item> <NavDropdown.Item as={Link} href={"/about/vision"}>Vision</NavDropdown.Item> <NavDropdown.Item as={Link} href={"/about/mission"}>mission</NavDropdown.Item> </NavDropdown> </Nav> </Navbar.Collapse> </Navbar.Toggle> 所以有人建议如何修复Next.js中的这个错误,是的,我使用应用程序目录。 这个问题解决了我的问题,我使用的是react-bootstrap,我使用的是packge install,但我没有导入到layout.js 文件中。我在更新此文件后导入个人文件并导入layout.js 一切正常.. import '/node_modules/bootstrap/dist/css/bootstrap.min.css'

回答 1 投票 0

如何显示在 Svelte <select> 下拉列表中选择的选定 slug 值

我使用slug参数deckId导航到此页面,我有一个绑定到deckId的下拉菜单。 我的问题是,当导航到页面或刷新时,所选选项消失。

回答 1 投票 0

如何根据屏幕键盘高度调整Flutter DropdownMenu高度?

在下面的代码中,我打算根据屏幕键盘的存在/不存在来设置 DropdownMenu 的高度。我还考虑了其他元素的高度,例如 AppBar 和

回答 1 投票 0

如何将相同的选项附加到多个选择下拉框?

我试图将相同的选项添加到列出的每个下拉框中,但这些选项仅添加到第一个下拉列表中。 函数 loadIgorMap() { $.getJSON('./iGorMap.json', function (dat...

回答 1 投票 0

从溢出容器中显示 Bootstrap-5 下拉菜单

正如这里已经问过的,我需要将下拉菜单添加到滚动到x方向(水平滚动)的表格元素中,并且在最后一列中有一个三点图标,我需要在其中添加dropd...

回答 1 投票 0

使用时移动下拉菜单不显示:输入:选中〜ul

我在媒体查询下有这些导航设置(最大宽度:767px)。我正在使用复选框输入来在选中时显示导航。这可行,但导航中的 ul 和所有 li 项目不会显示...

回答 1 投票 0

以编程方式更改 Wordpress ContactForm7 下拉菜单选项

列出项目 我想在我的网站中创建一个非常有用的 WordPress ContactForm7 部分。为了使其真正有用,我需要使用 JavaScrip 动态更改某些下拉菜单的值...

回答 1 投票 0

以编程方式更改 Wordpress 中的 ContactForm7 下拉菜单选择器选项

我想在我的网站中创建一个非常有用的 WordPress ContactForm7 部分。为了使其真正有用,我需要使用 JavaScript 动态更改某些下拉菜单的值。 我没有...

回答 1 投票 0

如何以编程方式更改 ContactForm7 下拉菜单选择器?

我想在我的网站中创建一个非常有用的 WordPress ContactForm7 部分。为了使其真正有用,我需要使用 JavaScript 动态更改某些下拉菜单的值。 我没有...

回答 1 投票 0

父菜单下的位置子菜单在 IE/FF 中不起作用

我有两层菜单 - 一个 ul 和另一个嵌套的 ul, - 一个带有下拉子菜单的菜单,例如: 菜单项 菜单项... 我有两层菜单 - 一个 ul 和另一个嵌套的 ul, - 带有下拉子菜单的菜单,例如: <div id="menu"> <ul> <li>Menu item</li> <li>Menu item <ul> <li>Sub Menu item</li> <li>Sub Menu item</li> </li> </ul> <li>Menu item <ul> <li>Sub Menu item</li> <li>Sub Menu item</li> </li> </ul> </li> </ul> </div> 第一个 ul 内联显示,而第二个 ul 显示块并使用 JQuery 隐藏和显示。 我有以下 CSS 将子菜单 ul 放置在其各自的父菜单 li 下: #menu UL LI { list-style-type: none; display: inline; padding: 10px; position: relative; } #menu UL LI UL { display: none; z-index: 999; position: absolute; } #menu UL LI UL LI { display: block; width: 100px; } 我的问题是子菜单项没有出现在 FireFox 和 IE 中各自的父菜单项下。但它在 Chrome 和 Safari 中运行良好。 我认为这是正确的方法,但有人知道更好的方法吗? 要达到您想要的状态,需要进行一些小的更改: #menu ul li { + display: inline-block; - padding: 10px; + padding: 0 10px 0 10px; } #menu ul li ul li { + padding: 10px; } 无需重新发明轮子,更灵活: http://net.tutsplus.com/tutorials/html-css-techniques/how-to-build-a-kick-butt-css3-mega-drop-down-menu/ 演示: http://nettuts.s3.amazonaws.com/819_megamenu/demo/index.html 此外,如果您不打算使用灵活的布局,请设置固定宽度。当浏览器缩小时,您的网站就会崩溃。 让它位于正确位置的最简单方法是将其定位到父 LI。 将 left: 0 添加到您的 #menu UL LI UL css 声明中,它应该开始按照您想要的方式运行。 如果您从网站复制了标记,那么可能是这个有问题。您的开始标签和结束标签不匹配。我已经在这里解决了这个问题: <div id="menu"> <ul> <li>Menu item</li> <li>Menu item <ul> <li>Sub Menu item</li> <li>Sub Menu item</li> </ul> </li> <li>Menu item <ul> <li>Sub Menu item</li> <li>Sub Menu item</li> </ul> </li> </ul> </div> 我刚刚对您的 CSS 进行了一些快速修改,这可以帮助您。 #menu ul { background: blue; } #menu ul li { list-style-type: none; width: 100px; } #menu ul > li { display: inline-block; position: relative; padding: 10px; height: 20px; background: red; } #menu li > ul { display: none; position: absolute; left: 0px; top: 40px; z-index: 999; background: yellow; } #menu li > ul > li { display: block; background: green; }

回答 4 投票 0

flutter中如何根据DropdownMenu的onSelected更新TextField?

我有以下代码,我试图获取 UI 中结果文本旁边的 TextField 的内容,以根据此 Flutter 的 DropdownMenu 中更改的项目自动更新...

回答 1 投票 0

尝试将 SelectBox 下拉菜单与 JQuery 自动完成结合起来

我有一个很好的双层SelectBox 功能。 例如,它允许您选择“黄金”,然后选择“礼服”。 然后onclick会直接带你到http://website.com/gold/dres...

回答 1 投票 0

如何编辑列表中的文本输入

我有一个评论框和每个框附带的按钮的列表。当用户单击编辑时,我只希望启用该特定文本框。单击“保存”或“取消”时,我希望文本框为

回答 1 投票 0

Flutter 下拉菜单文本字段中的输入格式

我想将 DropDownMenu 的文本字段与输入格式化程序一起使用,但我找不到任何选项。有没有办法在用户输入时将 DropDownMenu 字段中所有单词的第一个字母大写...

回答 2 投票 0

asp.net 中的 DropdownList 列表项

我希望在下拉列表顶部显示“请选择”,但是当我从数据库中提供列表项时,“请选择”选项未显示。 我希望在下拉列表顶部显示“请选择”,但是当我从数据库中提供列表项时,“请选择”选项未显示。 <asp:DropDownList CssClass="form-control" ID="DropDownList3" runat="server" DataSourceID="SqlDataSource2" DataTextField="ROLENAME"> <asp:ListItem Text="Please select" Value="" Disabled="disabled" Selected="True"></asp:ListItem> </asp:DropDownList> 将 AppendDataBoundItems="true" 添加到 DropDownList。 <asp:DropDownList CssClass="form-control" ID="DropDownList3" runat="server" DataSourceID="SqlDataSource2" AppendDataBoundItems="true" DataTextField="ROLENAME"> <asp:ListItem Text="Please select" Value="" Enabled="false" Selected="True"></asp:ListItem> </asp:DropDownList> 正确的语法是 Enabled="false",而不是 Disabled="disabled"。禁用=禁用是HTML代码。 在 .cs 代码中,在 DropDownList3.DataBind() 之后插入一个如下所示的 ListItem: this.DropDownList3.Items.Insert(0, new ListItem() { Text = "请选择", Value = string.Empty });

回答 2 投票 0

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