草庐IT

dropDOWN

全部标签

javascript - 用 Dropup 替换 Bootstrap Dropdown(两个几乎相同的实现的不同事件)

我正在githubpages上做一个元素,如果div的overflow-y:scroll,我用.dropup替换Bootstrap.dropdown将导致下拉菜单被chop/溢出。您可以在此jsfiddle看到该功能正常工作.请注意,如果您单击顶行右侧的省略号图标,它将下拉,如果您单击底行的图标,它将向上下拉。现在,我的实际实现(githubpage),代码完全相同(如下),但它想用.dropup替换所有.dropdown类打开时,包括被切断的最顶行,如下图所示。我已经为此苦苦挣扎了一个星期,但无法完全弄清楚。我已经尝试了一些不同的东西,我认为可以解决它,但最终只是一个hack并且不能

javascript - How do I auto submit a dropdown when a value is selected other than the first value?

当前代码:ContactListblahblah2blah3所以我有这个下拉框,当用户点击它时会自动提交。它按原样工作得很好,但如果用户选择了第一个值(见上文),我不希望它提交。换句话说,如果用户点击联系人列表,那么我不希望它提交表单。我试过这个:onchange="if(this.value!='0')this.form.submit()"但这只会让它永远不会激活。有什么建议吗? 最佳答案 尝试不带引号并检查。DEMOHEREContactListblahblah2blah3 关于ja

html - 如何定位 Foundation Dropdown?

我的登录表单使用Foundation5.4.5下拉菜单,但问题是下拉菜单如下所示:我希望它像打开的那个一样,小块在右边,主体位置也很好这是我的HTML:HasDropdownThisisalinkThisisanotherYetanother 最佳答案 你有两个选择HasDropdown或者ThisisalinkThisisanotherYetanother两者都作为变通方法使用。但是,我明白您的意思:您希望下拉列表显示在链接的底部,但与右边框对齐。如果有人为此提出答案,我将不胜感激,因为基金会网站表明它可以通过某种未记录的方式实现

javascript - 如何在表格单元格内放置 p-dropdown?

我将p-dropdown添加到类似于此处所见的p-table:https://www.primefaces.org/primeng/#/table/filterp下拉菜单溢出到下一个单元格。如何防止p-dropdown流到下一个单元格?我尝试了以下方法:-添加[style]="{'width':'100%'}"到p-dropdown元素-添加[autoWidth]="true"到p-dropdown元素-将最大宽度添加到p-dropdown元素...... 最佳答案 在p-dropdown组件中有一个类.ui-dropdown将mi

html - bootstrap 下拉菜单中 dropdown-toggle 类的目的是什么?

无论有没有dropdown-toggle,下拉菜单都能完美工作应用于的Bootstrap类元素,那么为什么首先要使用它呢? 最佳答案 dropdown-toggle类在:focus上添加了outline:0;到按钮,所以当你点击按钮时它不会有“事件”元素周围的蓝色边框。检查接下来的两个按钮:DropdownsThe.dividerclassisusedtoseparatelinksinsidethedropdownmenuwithathinhorizontalline:Tutorials-noborderHTMLCSSJavaScr

javascript - 使 'dropdown-content' 与 paper-dropdown-menu 的宽度相同?

我有以下代码:InboxStarredSentmailDrafts但如下图所示,dropdown-content的宽度非常小。我怎样才能以一种干净的方式将宽度设置为与实际paper-dropdown-menu相同的大小? 最佳答案 我相信我已经在这个jsfiddle中创造了您想要的东西.或者如果你喜欢这里是代码片段.custom{width:190px;}.custom2{width:400px;}JSBinInboxStarredSentmailDraftsInboxStarredSentmailDraftsHTMLImports

javascript - 从具有特定 ID 的 Bootstrap DropDown 中获取选定的项目值

我正在使用Bootstrap3和JavaScript“创建”我自己的“ComboBox”。HereistheJSFiddle对于我目前所拥有的:HTML:ABCJavaScript:$(document).on('click','.dropdown-menulia',function(){$('#datebox').val($(this).html());});在我想在页面上多次重复这个“ComboBox”之前,这种方法非常有效。问题在于JQuery函数寻找任何/所有'.dropdown-menulia'。我如何更改我的JQuery以仅ID为demolist的UL并获取其选定值?我已经

html - 如何在 Bootstrap v4 中实现 Navbar Dropdown Hover?

我对新的Bootstrap版本有点困惑,因为他们将下拉菜单更改为div:NavbarHome(current)FeaturesPricingDropdownlinkActionAnotheractionSomethingelsehere你们有没有想法在该片段的下zipper接中获得悬停下拉菜单而不添加额外的脚本代码(仅来自bootstrap的css和脚本)?我已经看到了bootstrapcss类,但我无法与bootstrapV3中的类联系起来(我在没有在V3中添加jquery的情况下完成了此操作)。 最佳答案 简单,仅CSS解决方案

html - Bootstrap 4 : Multilevel Dropdown Inside Navigation

在Bootstrap4中制作多级下拉菜单的最简单方法是什么?我设法在SO上找到的所有示例都太困惑或未包含在导航中。我试过将下拉菜单放在下拉菜单中,但这似乎不起作用。有人可以帮我解决这个问题吗?这是我的代码的基本大纲:NavbarHome(current)Link1DropdownlinkActionAnotheractionSomethingelsehere 最佳答案 我使用以下一段CSS和JavaScript。它使用了一个额外的类dropdown-submenu。我使用Bootstrap4beta对其进行了测试。它支持多级子菜单。

listview - Flutter/Dart : Handling Dropdown changes within a ListView. 生成器,下拉按钮未更新,

我猜我遗漏了一些简单的东西,但我已经在这几天尝试了所有可能的解决方案。我们如何处理listview.builder中的下拉选择?是否可以将下拉按钮值存储在List-String-中?我正在创建一个基于XML模板的动态表单,其中包含下拉菜单、复选框、输入等。编辑:在页面加载时解析XML之前,我不知道需要什么小部件.因此尝试将动态创建的小部件列表传递给Listview.builder。下面的代码是一个无法更新的基本示例。感谢这里的任何建议。import'package:flutter/material.dart';classFormEGextendsStatefulWidget{@over