drop-down-menu 相关问题

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

单击按钮时立即更改所有菜单项前景色

我已经带着这个问题来了,但答案不是我所期望的...... 正如您在上图中看到的,我有两个主题(浅色和深色)。 “Light”主题运行良好,但是当我...

回答 1 投票 0

MudBlazor 自动完成\选择控件弹出位置

我的 MudSelect 弹出窗口在按钮下方显示得太低,而不是在选择控件下方,我无法通过 AncoreOrigin 属性影响其位置。 <

回答 1 投票 0

如何使用javascript和html过滤html表格?

<meta charset="utf-8"> <title></title> <div class="container"> <div class="col-md-16"><br> <table id="myTable" class="table table-hover table-responsive table-striped" cellpadding="20" cellspacing="10"> <thead> <tr> <th>MERKEZ</th> <th>AÇIKLAMA</th> <th>YETİŞKİN</th> <th>ÇOCUK</th> <th>YÜRÜYEN BANT</th> <th>YETİŞKİN YAYA</th> <th>ÇOCUK YAYA</th> </tr> </thead> <tbody> <tr> <td>Kartalkaya</td> <td>Tam Gün / Sınırsız</td> <td>1100 ₺</td> <td>850 ₺</td> <td>-</td> <td>-</td> <td>-</td> </tr> <tr> <td>Kartalkaya</td> <td>Yarım Gün / Sınırsız</td> <td>950 ₺</td> <td>850 ₺</td> <td>-</td> <td>-</td> <td>-</td> </tr> <tr> <td>Erciyes</td> <td>1 Çıkış</td> <td>60 ₺</td> <td>45 ₺</td> <td>-</td> <td>25 ₺</td> <td>15 ₺</td> </tr> <tr> <td>Erciyes</td> <td>5 Çıkış</td> <td>-</td> <td>-</td> <td>80 ₺</td> <td>-</td> <td>-</td> </tr> <tr> <td>Erciyes</td> <td>7 Çıkış</td> <td>300 ₺</td> <td>250 ₺</td> <td>-</td> <td>-</td> <td>-</td> </tr> <tr> <td>Erciyes</td> <td>10 Çıkış</td> <td>-</td> <td>-</td> <td>150 ₺</td> <td>-</td> <td>-</td> </tr> <tr> <td>Erciyes</td> <td>14 Çıkış</td> <td>430 ₺</td> <td>350 ₺</td> <td>-</td> <td>-</td> <td>-</td> </tr> <tr> <td>Erciyes</td> <td>30 Çıkış</td> <td>830 ₺</td> <td>650 ₺</td> <td>-</td> <td>-</td> <td>-</td> </tr> <tr> <td>Erciyes</td> <td>50 Çıkış</td> <td>1200 ₺</td> <td>950 ₺</td> <td>-</td> <td>-</td> <td>-</td> </tr> <tr> <td>Erciyes</td> <td>100 Çıkış</td> <td>2250 ₺</td> <td>1650 ₺</td> <td>-</td> <td>-</td> <td>-</td> </tr> <tr> <td>Erciyes</td> <td>200 Çıkış</td> <td>3650 ₺</td> <td>2950 ₺</td> <td>-</td> <td>-</td> <td>-</td> </tr> </tbody> </table> </div> </div> <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/bs-3.3.7/jq-2.2.4/jszip-3.1.3/pdfmake-0.1.27/dt-1.10.15/b-1.3.1/b-html5-1.3.1/b-print-1.3.1/r-2.1.1/rg-1.0.0/datatables.min.css"> <script type="text/javascript" src="https://cdn.datatables.net/v/bs-3.3.7/jq-2.2.4/jszip-3.1.3/pdfmake-0.1.27/dt-1.10.15/b-1.3.1/b-html5-1.3.1/b-print-1.3.1/r-2.1.1/rg-1.0.0/datatables.min.js"></script> <script> $('#myTable').DataTable({ language: { info: "_TOTAL_ kayıttan _START_ - _END_ kayıt gösteriliyor.", infoEmpty: "Gösterilecek hiç kayıt yok.", loadingRecords: "Kayıtlar yükleniyor.", zeroRecords: "Tablo boş", search: "Arama:", infoFiltered: "(toplam _MAX_ kayıttan filtrelenenler)", buttons: { copyTitle: "Panoya kopyalandı.", copySuccess:"Panoya %d satır kopyalandı", copy: "Kopyala", print: "Yazdır", }, paginate: { first: "İlk", previous: "Önceki", next: "Sonraki", last: "Son" }, }, dom: 'Bfrtip', buttons: [ 'copy', 'excel', 'pdf', 'print' ], responsive: true }); </script> 你好。我有这样的代码。我的要求是这样的;将有几个下拉列表。 dropdownlist-1 当我选择“滑雪”项目时,它会将表格过滤为“滑雪”。 dropdownlist-2 当我选择“滑雪场”项时,它会过滤表格的最终视图。也就是说,具有滑雪类别的滑雪场将被过滤。我希望它进行互连过滤,而不是单独过滤。我想从谷歌电子表格中获取数据。您推荐什么作为数据源?我还有另一幅画。第一个表中的每一行都有一个配置文件按钮。当我想查看细节时;第一个表中的数据和所有文本将被删除,第二个表中该对象的详细信息将显示在新表中。在该页面上,将有一个返回第一个表的按钮。当我按下按钮时,我的第一个表格及其所有数据将出现在屏幕上。我几天来一直在互联网上寻找有关此主题的代码,但找不到。在互联网上可用的代码中,每个选择都是单独评估的。然而,我想要的是嵌套过滤。 要实现您所描述的互连过滤,您可以使用 JavaScript 根据下拉列表中选定的选项动态过滤表格。您还可以利用 Google Sheets API 从 Google 电子表格中获取数据。以下是如何实现这一点的总体概述: 设置 Google Sheets API:使用 Google Sheets API 从 Google 电子表格中获取数据。您需要在 Google 开发者控制台中启用 API 并验证您的请求。您可以在 Python 中使用 gspread 等库,也可以使用 JavaScript 直接调用 API。 下拉列表:创建两个下拉列表(Dropdown-1用于类别,Dropdown-2用于滑雪胜地)。 过滤表格:使用 JavaScript 根据下拉列表中选定的选项动态过滤表格。从 Dropdown-1 中选择一个选项后,筛选该类别的表。从 Dropdown-2 中选择一个选项后,进一步筛选表格以查找该类别中的滑雪胜地。 个人资料按钮:向表格中的每一行添加一个按钮。单击时,它应该显示第二个表中该对象的详细信息。 导航:在详情页添加返回第一个表格的按钮。 以下是如何构建用于过滤的 JavaScript 代码的基本示例: // Function to filter table based on selected options function filterTable() { var category = document.getElementById("categoryDropdown").value; var skiResort = document.getElementById("skiResortDropdown").value; // Perform filtering based on category and ski resort // Update the table accordingly } // Function to show details of selected object function showDetails() { // Retrieve details of selected object and display in second table } // Function to return to the first table function returnToFirstTable() { // Show the first table with all its data } // Event listeners for dropdown lists and profile buttons document.getElementById("categoryDropdown").addEventListener("change", filterTable); document.getElementById("skiResortDropdown").addEventListener("change", filterTable); document.querySelectorAll(".profileButton").forEach(item => { item.addEventListener("click", showDetails); }); document.getElementById("returnButton").addEventListener("click", returnToFirstTable); 请记住将“categoryDropdown”和“skiResortDropdown”等占位符替换为下拉列表的实际 ID,其他元素也类似。 对于 Google Sheets 部分,您可以使用 Tabletop.js 等库使用 JavaScript 获取数据,这使得使用 Google Sheets 数据变得更加容易。或者,您可以使用 Python 等服务器端语言获取数据,然后将数据提供给您的 Web 应用程序。

回答 1 投票 0

如何让对话框和顶部菜单在不同语言中保持相同的方向?

我试图让我的应用程序方向与英语用户相同,即使我的手机采用希伯来语设置。对于活动,我使用 android:layoutDirection="ltr"

回答 1 投票 0

Flutter 下拉菜单带条件

我正在创建两个下拉菜单,条件是第二个下拉菜单中的值根据第一个下拉菜单中所选的值而变化。然而我不断收到这个错误

回答 1 投票 0

为什么改变streamlit selectbox的值会导致每次刷新整个页面?

导入streamlit为st 将 pandas 导入为 pd 导入 helpers.script 作为脚本 @st.cache_data # 根据月份和年份缓存函数 def get_excel_path(月,年): 返回脚本.get_data(...

回答 1 投票 0

LinkedIn 下拉设置中的学校选项

我正在构建一个 POC 网站,允许用户填写简历表格。我在 LinkedIn 中注意到,对于学校和企业设置,会出现一个包含有用信息的下拉菜单。有没有...

回答 1 投票 0

Shadcn ui 选择组件状态更改后未更新

我是 shadcn ui 和 React 新手,请告诉我为什么分支和年份状态变量的值不会更新。我没有使用zod和react-hook-form。 从“react”导入 React, { useState };

回答 1 投票 0

以编程方式更改模型时,选择框不会更新

我在弹出窗口中有一个选择框,我可以毫无问题地分配初始值。但是,我想在打开弹出窗口时更改选择框的值,但问题是虽然它“勾选”了

回答 2 投票 0

如何在用户打开DDL和页面上的列表呈现之间更新asp:DropDownList项目?

我在 asp.net 组件页面上有一个 DropDownList (DDL),用于更改所述组件的组件页面实例的子组件。 DDL(与其他元素一起)位于 UpdatePanel 中并且...

回答 1 投票 0

需要悬停 CSS 来覆盖下拉菜单选项的整个栏

当我将鼠标悬停在下拉菜单项上时,仅突出显示文本周围的部分,在菜单项的左侧留下未突出显示的空间。我需要改变什么才能获得这种效果......

回答 1 投票 0

jetpack 中的下拉菜单可自动滚动到所选项目

当我打开下拉菜单时,我需要自动滚动到所选项目。如果我的列表中有 20 项,我选择了第 18 项。现在我重新打开下拉列表,它应该在下拉视图中显示所选项目...

回答 1 投票 0

无法使用 selenium webdriver 4.8.0 从下拉列表中选择数据

我无法从下拉列表中选择值。尝试过下面提到的 检查附图中的 body/html 正文: 尝试过这个 选择 selectBenefeciary = new Select(driver.findElement...

回答 1 投票 0

基础 - 下拉菜单中的下拉菜单

使用 Foundation 5,我试图在下拉列表中添加一个下拉列表...... 更多 使用 Foundation 5,我尝试在下拉列表中添加一个下拉列表... <a href="#" data-dropdown="drop1" data-options="is_hover:true" >More</a> <ul id="drop1" class="f-dropdown" data-dropdown-content> <li><a href="#">Modify</a></li> <li class="has-dropdown" ><a href="#">Share</a> <ul class="dropdown" > <li><a href="#">This is a link</a></li> <li><a href="#">This is another</a></li> <li><a href="#">Yet another</a></li> </ul> </li> </ul> 但是没有任何成功! Share 菜单始终显示在 Modify 菜单下。 编辑1 我尝试了其他方法,它更好但还不够好: <a href="#" data-dropdown="drop1" data-options="is_hover:true" >More</a> <ul id="drop1" class="f-dropdown" data-dropdown-content> <li><a href="#">Modify</a></li> <li ><a data-dropdown="drop2" href="#" >Share</a> <ul id="drop2" class="f-dropdown content " data-dropdown-content > <li><a href="#">This is a link</a></li> <li><a href="#">This is another</a></li> <li><a href="#">Yet another</a></li> </ul> </li> </ul> 并添加到我的 .css 中: .f-dropdown.content {display: block;} 这是我的完整 css:http://pastebin.com/QPaFbenF 上一行位于第 67 行 但是,当单击 Share 时,More 菜单消失,我必须将鼠标放在 More 链接上才能显示 More 菜单及其子菜单 Share。 我在 zurb 论坛上找到了这个问题:dropdown inside dropdown并尝试了答案,但没有成功:S .f-dropdown.content 不会执行任何操作,因为您在 f-dropdown class 下没有名为 content 的类 这些应该在你的 CSS 中: .has-dropdown ul { display: none; } .has-dropdown:hover ul { display: block; } 工作示例 从头开始时,嵌套下拉菜单往往会变得复杂。我总是建议从superfish开始。您可以在此处查看工作演示:http://users.tpg.com.au/j_birch/plugins/superfish/examples/ 我遇到了同样的问题,我意识到我只是没有包含 jQuery 触发器来通过 dropdown.js 文件工作来获取所有下拉列表等元素。 <script> $(document).foundation(); </script>

回答 3 投票 0

使用 python playwright 从选择下拉列表中选择一个值

我尝试使用 python playwright 从下拉菜单中选择一个值,但它不起作用。 我成功地可以从前三个中获取值,但是带有标签“Mês”的那个只是......

回答 1 投票 0

使用 python playwright 从选择下拉选项中选择一个值

我尝试使用 python playwright 从下拉菜单中选择一个值,但它不起作用。 我成功地可以从前三个中获取值,但是带有标签“Mês”的那个只是......

回答 1 投票 0

使用python playwright从select html标签中选择一个值

我尝试使用 python playwright 从下拉菜单中选择一个值,但它确实有效。 在此输入图像描述 我成功地可以从前三个中获取值,但是那个带有标签的...

回答 1 投票 0

如何在java swing中创建具有多项选择的下拉列表?

我知道 JList 和 JComboBox。我需要 JList 提供的具有多重选择功能的组合框下拉功能。 这是因为列表内容太大了

回答 4 投票 0

CSS Dropdown 属性选择

您可以帮助使用 CSS 定位以下属性吗? 单击输入字段或在下拉列表中选择一个项目后(将鼠标更改为其他字段之前),它会出现 [(https://i.

回答 1 投票 0

VBA 根据数据验证下拉列表返回偏移单元格值

VBA 新手... 我有一个发票模板,其中 Sheet1!A10 中包含数据验证下拉菜单,列表位置位于 Sheet3!B2:B4 中 我正在寻求有关返回基于 Sheet3!A2:A4 中的值的帮助...

回答 1 投票 0

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