标签: dropdown

所以我用 primeng 的自动完成功能构建了一个下拉菜单，但我遇到了问题。当我单击下拉列表以选择一些数据时，占位符就会消失，但我希望它像我的文本输入字段一样上升。但我很困惑，因为我的下拉菜单没有任何真正的输入或标签。

我的下拉菜单最外层的 div 具有“ui-float-label”类。在里面我有一个带有“ui-fluid”类的 div。最后在“ui-fluid”里面有我的 p-autocomplete ，看起来像这样。

<p-autoComplete
                [(ngModel)]="valueOfSingleSelection"
                [suggestions]="selectionResults"
                (completeMethod)="search($event)"
                field="label"
                [placeholder]="selectorProperties.labelMls"
                [minLength]="1"
                [dropdown]="true"
                [disabled]="!selectorProperties.enabled"
                required
                (onBlur)="setRequiredOnBlur()">

那么如何让占位符上升呢？我知道菜鸟问题，但我感谢我能得到的每一个帮助，谢谢

是否需要映射到标签和值才能在下拉列表中显示值？

我试图在下拉列表中显示枚举，但它们显示不正确！

  export enum nature
    {
        annuelle="Annuelle",
        semestrielle="Semestrielle",
        trimestrielle="Trimestrielle"

    }

 naturevalues = Object.values(nature);

 <div class="ui-grid-col-6">
                    <p-dropdown [options]="naturevalues"  formControlName="nature"></p-dropdown>
                </div>

我可以在控制台上看到所选的值 我尝试添加 optionLabel="value" 但徒劳

如果是/否，我有一个下拉菜单。如果选择 Y，我需要添加与单元格对应的值

通过 CDN 捆绑包加载 Bootstrap 4.5.3 时：

<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>

以下下拉菜单效果很好：

<!-- Nav Item - Pages Collapse Menu -->
<li class="nav-item">
    <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapseTwo"
        aria-expanded="true" aria-controls="collapseTwo">
        <span>AAAA</span>
    </a>
    <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionSidebar">
        <div class="bg-white py-2 collapse-inner rounded">
<h6 class="collapse-header">BBBB</h6>
<a class="collapse-item" href="CCCC.html">CCCC</a>
<a class="collapse-item" href="DDDD.html">DDDD</a>
        </div>
    </div>
</li>

但是，当我尝试通过 CDN 捆绑包将 Bootstrap 版本升级到 5.0.0 时：

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW" crossorigin="anonymous"></script>

然后下拉菜单将不再可点击。请问这是为什么？

仅供参考，我正在使用主题https://startbootstrap.com/theme/sb-admin-2的全新安装（GitHub 上提供源代码： https: //github.com/startbootstrap/startbootstrap-sb-admin-2）、index.html。最初，它提到：

<!-- Bootstrap core JavaScript-->
<script src="vendor/jquery/jquery.min.js"></script>
<script …

当我为下拉列表添加两个或多个数组时，它显示“未处理的运行时错误”

错误：React.Children.only 期望接收单个 React 元素子元素。”

import React from "react";
import { Table, Input ,Dropdown, menu,menuProps,Button,Space} from 'antd';
import 'antd/dist/antd.css';
import { DownOutlined, SearchOutlined , UserOutlined } from '@ant-design/icons';

const Example = () => {


    const items = [
        
        {
          label:'1st menu item',
          key: '1',
        },
        {
          label: '2nd menu item',
          key: '1',
        },
        
        {
          label: '3rd menu item',
          key: '1',
          
        },
        
        
      ];
    const item = [
        {
            label:'zm',
            key: '2',
          },
          {
            label: 'zm',
            key: '2',
          },
    ];
    return(
    <div> …

我想在用户点击菜单外部时关闭我的菜单,而不仅仅是在navbar元素之外.因为我的菜单中有更多折叠,所以此解决方案对我不起作用:如何在Bootstrap 3中单击导航栏元素外部时关闭打开的折叠导航栏？ 当我在菜单外单击时菜单消失,但是当我点击带有下拉菜单的链接时,整个菜单都会崩溃.

<div class="collapse navbar-collapse nav-mobile" id="bs-example-navbar-collapse-1">
    <ul class="nav navbar-nav">
        <li class="list-group panel">
            <a href="#submenu-1" class="list-group-item" data-toggle="collapse" data-parent="#MainMenu">Webshop</a>
            <ul class="collapse" id="submenu-1">
                <a href="#SubMenu1" class="list-group-item" data-toggle="collapse" data-parent="#SubMenu1">Industriële verpakkingen</a>
                <a href="javascript:;" class="list-group-item">Promotionele verpakkingen</a>
                <a href="javascript:;" class="list-group-item">Gelamineerde verpakkingen</a>
                <a href="javascript:;" class="list-group-item">Enveloppen &verzend verpakkingen</a>
                <a href="javascript:;" class="list-group-item">Medische verpakkingen</a>
                <a href="javascript:;" class="list-group-item">Co-packing</a>
            </ul>
        </li>
    </ul>

我正在尝试从我的sql数据库构建一个下拉列表.管理以使其工作有点,但列表只显示表中的最后一项,并在页面重新加载时我简要地将其打印在页面上:

[
 {"id":"1","zavod_ime":"PEIT"},
 {"id":"2","zavod_ime":"PTJM"},
 {"id":"3","zavod_ime":"PM"},
 {"id":"4","zavod_ime":"PN"},
 {"id":"5","zavod_ime":"BS"}
]

这是我单独的php文件,它处理数组中的连接和放置:

    $sqltran = mysqli_query($con, "SELECT id, zavod_ime FROM zavod")or die(mysqli_error($con));
    $arrVal = array();

    while ($rowList = mysqli_fetch_array($sqltran)) {

                    $namez = array(
                        'id'=> $rowList['id'],
                        'zavod_ime'=> $rowList['zavod_ime']
                        );      


                        array_push($arrVal, $namez);    
    }
         echo  json_encode($arrVal);        


    mysqli_close($con);

和html中的列表部分:

                    <select>
                        <?php foreach($namez as $zavod): ?>
                        <option value="<?= $namez['id']; ?>"><?= $namez['zavod_ime']; ?></option>
                        <?php endforeach; ?>
                    </select>  

想法？

我正在寻找等于的小部件

<select multiple=""></select>

扑朔迷离。

（针对Web的）示例实现是MaterializeCSS Select Multiple

如上所示，我应该能够提供项目列表（其中一些已预先选择），最后检索所选项目或地图或其他内容的列表。

非常感谢示例实现或指向文档的链接。

我正在尝试遍历下拉列表进行网络抓取，但是我发现我的代码无法正常工作

dropdown = browser.find_element_by_XPATH('//*[@id="department-dropdown"]')
select = Select(dropdown)

select.select_by_value("Accounting")

我收到的错误消息

Traceback (most recent call last):
  File "C:\Users\David\eclipse-workspace\Web_Scrap\setup.py", line 31, in <module>
    dropdown = browser.find_element_by_XPATH('//*[@id="mainContent"]/div[1]/div/div[3]/div/div/span')
AttributeError: 'WebDriver' object has no attribute 'find_element_by_XPATH'

目前，我试图选择至少第一个值，但它没有解决问题

我尝试循环浏览的下拉框中提供的图片带有“检查元素”

下拉框元素不是实际列表的一部分，这似乎有点令人困惑，有人可以让我知道这里的实际情况吗？如果我看错了。

如果有人对我可以怎样实现目标有任何建议

我有一个正常工作的下拉按钮，但是当我尝试设置默认值时，它将失败，并显示以下错误：

'package：flutter / src / material / dropdown.dart'：失败的断言：620行pos 15：'item == null || items.isEmpty || 值== null || items.where（（（DropdownMenuItem item）=> item.value == value）.length == 1'：不正确。

这是我的下拉按钮：

 Widget changeWorkspace() {
return StatefulBuilder(
    builder: (BuildContext context, StateSetter setState) {
  return Column(mainAxisSize: MainAxisSize.min, children: <Widget>[
    Padding(
      padding: EdgeInsets.all(8.0),
      child: DropdownButton<AssignedWorkspace>(
          isExpanded: true,
          hint: Text("SELECT WORKSPACE"),
          value: selectedWorkspace,
          onChanged: (dropdownValueSelected) {
            setState(() {
              selectedWorkspace = dropdownValueSelected;
            });
          },
          items: workspaces != null && workspaces.length > 0
              ? workspaces.map((AssignedWorkspace workspace) {
                  return new DropdownMenuItem<AssignedWorkspace>(
                    value: workspace, …