dropdown 相关问题

我想创建一个带有链接的下拉菜单并将下拉状态保存在本地存储中。这是下拉菜单的代码。请... 我想创建一个带有链接的下拉菜单并将下拉状态保存在本地存储中。这是下拉菜单的代码。 <select id="sort"> <option value="">Please choose…</option> <option value="?sort[date_created]=ASC">Sort by Date (ASC)</option> <option value="?sort[date_created]=DESC">Sort by Date (DESC)</option> </select> <script> document.getElementById("sort").onchange = function() { if (this.selectedIndex!==0) { window.location.href = this.value; }}; </script> 我已经创建了下拉菜单，链接一切正常，但我想保存当前选择。因此，当页面重新加载时，下拉列表中的选择应保持保存状态。为了解决您想要的问题，您需要解决两个子问题。第一：如何将select的值设置为你想要的值。基本上，您可以在定义标记时将 select 属性添加到您选择的 option 中，或者找到选择元素并更改其值。下面的代码片段执行后者，但您可以使用前者，只要您可以在服务器端执行此逻辑即可。由于您没有指定有关服务器的任何信息，因此我将仅说明仅客户端解决方案，但重要的是要注意这不是唯一可能的选择。 function choose(what) { document.getElementById("sort").value = what; } <select id="sort"> <option value="">Please choose…</option> <option value="?sort[date_created]=ASC">Sort by Date (ASC)</option> <option value="?sort[date_created]=DESC">Sort by Date (DESC)</option> </select> <input type="button" onclick="choose('')" value="Please choose"> <input type="button" onclick="choose('?sort[date_created]=ASC')" value="Sort by Date (ASC)"> <input type="button" onclick="choose('?sort[date_created]=DESC')" value="Sort by Date (DESC)"> 在这里我们可以看到一个名为 function 的 choose，它接收 what 到 choose，然后继续查找 HTML 元素并将其 value 更改为该元素。我们有一些 input 元素，其中 type 是 button，用于说明这是有效的。第二：如何保存和加载localStorage中的值。基本上你可以通过 localStorage 从 localStorage.getItem("someitem") 读取并通过 localStorage.setItem("someitem", somevalue) 写入其中。所以，在你的情况下，变更处理程序可能有 localStorage.setItem("sort", this.value); 在任何重定向之前，因此 localStorage 将具有该值。然后，您可以在页面加载时执行类似的操作 if (localStorage.getItem("sort")) { choose(localStorage.getItem("sort")); } 因此，如果该项目有 true 值，则将值更改为它。

forms select local-storage dropdown

回答 0 投票 0

为什么窗口较小时下拉菜单不显示所有内容？

我是 html 和 css 新手。我一直在使用 CodePen 构建一个模拟网站来积累使用它们的经验，但我遇到了一个障碍，一些障碍。目前最烦人的是当窗口处于剩余状态时...

html css dropdown responsive

回答 1 投票 0

允许 Woocommerce 商店经理在创建用户时分配角色

Woocommerce 创建的自定义角色店长只能在添加用户时分配客户角色。我正在尝试通过启用该功能让商店经理从不同的角色中进行选择

wordpress woocommerce dropdown roles

回答 1 投票 0

如何获取 CSS % 单位来表示高度而不是宽度

我正在尝试使用CSS制作一个动画下拉/可扩展组件。我目前有一个扩展和折叠的类，实现如下： .展开{ 顶部边距：0； } .折叠{ 保证金...

html css css-animations dropdown margin

回答 1 投票 0

反应本机自动完成输入建议列表在不同的项目中打开

我正在使用“react-native-autocomplete-input”中的 AutocompleteInput。我有多个项目，并且在卡片视图中呈现这些项目。不，在该卡片视图中，我需要一些文本输入和自动完成。不...

react-native autocomplete dropdown

回答 1 投票 0

将函数结果返回到下拉选项中

我想将组件中函数的结果返回到下拉选项中：这是我的模板：我想将组件中函数的结果返回到下拉选项中：这是我的模板： <th> <p-dropdown [options]="getNames()" [required]="true" optionLabel="label" (onChange)="filterName($event.target.value)" > </p-dropdown> 这是我的职责 public getNames() { let namesLabels: any[]; this.backendService.getNames().subscribe(response => { this.namesSelect = response.filter(item => item.name !== ''); this.namesSelect .forEach(prod => namesLabels.push(prod.name)); }); return namesLabels; } namesLabels 数组充满了能量，这意味着当我为 nameLabels 的每个元素添加 console.info 时，我找到了我想要的结果在屏幕中，我在下拉列表中没有找到任何值，请问有什么帮助吗？我想你需要如下的东西： // .ts options: any[]; ngOnInit() { this.getNames(); } private getNames() { let namesLabels: any[]; this.backendService.getNames().subscribe(response => { this.namesSelect = response.filter(item => item.name !== ''); this.namesSelect.forEach(prod => namesLabels.push(prod.name)); }); this.options = namesLabels; } //.html <p-dropdown [options]="options" [required]="true" optionLabel="label" (onChange)="filterName($event.target.value)" > </p-dropdown>

angular typescript dropdown

回答 1 投票 0

新选项卡中基于特定条件的下拉数据列

需要下拉列表中包含条件的解决方案仅当 A:H 数据已填充且不为空时，才需要从工作表名称“DATA 2”D:D 创建下拉列表表格在这里

google-sheets google-sheets-formula dropdown

回答 1 投票 0

MUI DataGrid - 设置导出的 Excel 文件样式 + 制作分层下拉菜单

我有两个问题需要解决。首先，我想使用以下参数设置导出的 Excel 文件的样式：我想将长文本包装在一个单元格中并禁用溢出包装格式...

reactjs excel material-ui datagrid dropdown

回答 1 投票 0

DropdownMenuEntry 的 labelWidget 属性出错

我不明白为什么这个属性会出错。我已经检查了 flutter 文档，它应该工作正常。有人可以帮忙吗？当我将其悬停时：未定义命名参数“labelWidget”。 ...