dropdown 相关问题

语义 UI React 下拉菜单遮挡搜索框

我正在开发一个 React 应用程序，其中使用语义 UI React 下拉菜单，用户可以在其中搜索并选择时区。以编程方式，下拉菜单工作正常。除了下拉列表

react-dropdown-date 问题与日期

我使用react-dropdown-date组件来选择日期。当格式如下时它效果很好：年->月->日但是当我想更改例如的格式时：日->月...

如何修剪 Angular 5 中 primeNg Dropdown（p-dropdown）过滤器中的空间？

我在我的 Angular 5 项目中使用了 primeNg 下拉列表（p-dropdown），但是当我尝试过滤下拉列表数据并且我在该下拉列表之后给出了空间，显示未找到结果，那么我该如何解决这个问题？...

flutter中的dropdown_search库不刷新我的用户列表

大家好，感谢您花时间帮助我。 我仅在移动设备上的 flutter 中使用这个库 => pub.dev dropdown_search 当我点击下拉菜单时，我会加载 API 调用...

如何更改下拉下划线的颜色

在我的代码容器中（高度：1，颜色：UtilColors.grey），没有给出预期的输出 容器（ 边距：EdgeInsets.only（左：52，右：48）， 子项：下拉按钮 在我的代码中Container(height: 1, color: UtilColors.grey),没有给出预期的输出 Container( margin: EdgeInsets.only(left: 52, right: 48), child: DropdownButton<String>( isExpanded: true, //Container(height: 1, color: UtilColors.grey), value: _selectedUser, items: _userTypes.map((String value) { return new DropdownMenuItem<String>(value: value, child: new Text(value)); }).toList(), /* decoration: InputDecoration(contentPadding: EdgeInsets.only(left: 15), suffixIcon: IconButton(onPressed: () { // _userTypes.map((String value){return new DropdownMenuItem<String>(value: value, child: new Text(value));}).toList(); }, icon: Icon(null),)),*/ icon: Icon(Icons.keyboard_arrow_down), hint: Text(UtilString.userType), onChanged: (value) => setState(() => _selectedUser = value), ), ), 终于用 DropdownButton 找到了解决方案 - 下划线：容器（高度：2， 颜色：Colors.deepPurpleAccent,), 这将更改下拉菜单下划线颜色。 DropdownButtonFormField( decoration: InputDecoration( focusedBorder: new UnderlineInputBorder( borderSide: BorderSide( color: Colors.black ),), enabledBorder: OutlineInputBorder( borderSide: BorderSide(color: Color(0xff22a39f), width: 2), ), ), // iconEnabledColor: Color(0xff22a39f), hint: Text("اختر صنف"), value:selectedValueInDropDpownM , items: choosenResala?.ctegoriesDetails.map(( value) { return DropdownMenuItem<String>( value: value.catName, child: Text(value.catName,style: TextStyle( fontSize: screenWidth * 0.013, fontWeight: FontWeight.w400,color: Colors.black ),), ); }).toList(), onChanged: ( newVal) { setState(() { selectedValueInDropDpownM=newVal as String?; }); }, )

如何通过点击更新按钮Angular来获取下拉框的值

我尝试将数据发送到我的 Angular 项目中的 Dropbox，但我无法将任何选定的数据发送到该 Dropbox。当我在主表中单击更新按钮时我想要它。我使用 patchvalue t...

未处理的运行时错误错误：React.Children.only 期望接收单个 React 元素子元素

当我为下拉列表添加两个或多个数组时，它显示“未处理的运行时错误” 错误：React.Children.only 期望接收单个 React 元素子元素。” 从“react&qu...

将下拉项定位在按钮 Flutter 下方

我正在拼命寻找一种方法将项目放置在按钮下方。 正如您所看到的，如果先前选择了第一项，则列表顶部与按钮处于同一级别。 然而，...

如何从一个 EXCEL 列表创建分组下拉菜单

我有一个包含以下信息的列表： 类别 物品 水果 橙子 蔬菜 莴苣 水果 苹果 水果 梨 蔬菜 胡萝卜 肉 鸡 我正在寻找创建一个下拉列表库...

创建悬停下拉按钮时出现 HTML/CSS 错误

拼命尝试制作一个按钮版本的导航栏，以限制对我们学校网站 SiteCore 的访问。我有最少的可用页面组件，但找到了一种创建方法

选择某个项目时关闭下拉菜单

我的网页 m1maths.com 有一个带有下拉菜单的导航栏。我希望在选择某个项目时关闭菜单，但他们没有。下面复制了导航栏代码的精简版本。我在那里...

如何在 Flutter 中缓存多选下拉列表中的所选项目

我有一个 Flutter 应用程序，用户可以使用 dropdown_search 包从下拉列表中选择多个选项。我想添加一个功能，将所选项目缓存在本地，...

提示不适用于 Flutter 中的 DropdownButtonFormField

我在 Flutter 中有一个带有 textformfield 和 dropdownbuttonformfield 的表单。运行我的应用程序提示对我不起作用。提示未显示在下拉按钮表单字段中。它显示 kkk 作为初始值...

FutureBuilder 在 SetState 之后导致 DropDownButton 出现错误

我有这个： 列表学生列表= []; Future> getJsonData() 异步 { 最终字符串响应=等待rootBundle.loadString('assets/students.json'); 最后...

flutter 中的自定义下拉菜单

我在我的项目中使用了一个自定义下拉菜单，其中有一个文本按钮和搜索框，现在的情况是过滤器搜索不起作用意味着它不会显示在下拉菜单上，而是显示在缺点中。 .

下拉菜单位于其他标签后面

我想在不使用 select 的情况下创建一个下拉菜单，但问题是下拉菜单位于其他标签后面 我不知道该怎么办 下拉菜单在这里 ... 我想在不使用 select 的情况下创建一个下拉菜单，但问题是下拉菜单位于其他标签后面 我不知道该怎么办 下拉菜单在这里 <div class="dropdown"> <div><button class="dropdown_btn">Category</button></div> <div class="drop"> <a href="#" class="a_none_d">All cate</a> <a href="#" class="a_none_d">cate 1</a> <a href="#" class="a_none_d">cate 2</a> <a href="#" class="a_none_d">cate 3</a> </div> 和CSS： .dropdown{ display: inline-block; position: relative; margin-left: 10px; transition: all 0.3s; } .drop{ align-items:center; border-radius: 10px; display: none; position: fixed; width: 65px; overflow: none; background-color: white; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); } .drop a:hover{ color: #FFFFFF; background-color: red; } .dropdown:hover .drop{ display: block; } 完整代码在这里： 为了确保您的下拉列表显示在其他元素之上并且不会隐藏在它们后面，您可以增加下拉容器的 z-index 属性。 z-index 属性控制定位元素的堆叠顺序。 这是您当前的 HTML 代码： <div class="dropdown"> <div><button class="dropdown_btn">Category</button></div> <div class="drop"> <a href="#" class="a_none_d">All cate</a> <a href="#" class="a_none_d">cate 1</a> <a href="#" class="a_none_d">cate 2</a> <a href="#" class="a_none_d">cate 3</a> </div> </div> 这是您更新的 CSS 代码： .dropdown { display: inline-block; position: relative; margin-left: 10px; transition: all 0.3s; z-index: 1; /* Add this line to set the z-index */ } .drop { align-items:center; border-radius: 10px; display: none; position: absolute; /* Change this to 'absolute' */ top: 100%; /* Add this line to position the dropdown below the button */ width: 65px; overflow: none; background-color: white; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 2; /* Add this line to set the z-index */ } .drop a:hover{ color: #FFFFFF; background-color: red; } .dropdown:hover .drop{ display: block; }

如何根据下拉列表中选定的选项动态渲染其他文本字段？

当前正在开发 NextJS UI，我正在尝试实现一项功能，其中应根据下拉菜单中所选的选项动态呈现其他文本字段。 这就是我想要的

HTML 中的选择下拉表单选项（单击时）相对于初始选择框来说太大了？

如果我的措辞很奇怪，我很抱歉，对于 css/html 来说仍然相对较新。当我单击下拉框选择选项时，选项比选择框本身大得多，我不知道...

在数学方程中使用下拉列表的显示值（LiveCycle、Javascript）

我有三个字段： 1：用户选择的下拉菜单（DD1）。 2：根据DD1的rawValue设置的计算下拉列表（CDD2）。 注意：两个DD的所有显示值和原始值都是数字...

Markdown 下拉菜单中语法突出显示的代码

我正在使用 markdown 为我的 Github 存储库编写自述文件。在自述文件中的某一时刻，我有用户可以复制粘贴的 C# 代码。这段代码很长——准确地说，有 54 行——而且我不想……