标签: dropdown

wb.add_worksheet(name: 'Report') do |sheet|
  sheet.add_data_validation("D25", {
    :type => :list,
    :formula1 => 'list!D11:D17',
    :showDropDown => false,
    :showInputMessage => true,
    :promptTitle => 'blah blah',
    :prompt => 'Please select a valid blah'
    })
end

我不知道如何填充下拉列表。该模板显示了一个插入符号，它告诉我它知道我希望这是一个下拉菜单。

@media (min-width: 320px) {

}

@media (min-width: 576px) { 

}

@media (min-width: 768px) { 

}

@media (min-width: 992px) { 

}

@media (min-width: 1200px) { 

}

<div class="container">

<div class="row">

<div class="col-lg-24 col-centered">

<div class="btn-group flex-wrap">
<a href="neckandears.html" class="btn btn-info" role="button">Necklace and Earring sets</a>
<a href="necklaces.html" class="btn btn-info" role="button">Necklaces</a>
<a href="bracelets.html" class="btn btn-info" role="button">Bracelets</a>
<a href="earrings.html" class="btn btn-info" role="button">Earrings</a>
<a href="gemstones.html" class="btn btn-info" role="button">Gemstones</a>
</div> 	
					
</div>
				
</div>

除了我拥有的按钮栏之外，我创建的所有网站都是响应式的。HTML 已包含在内。当屏幕尺寸变为移动设备时，我希望按钮栏成为下拉菜单，以期缓解此问题。截至目前，尽管我确实有媒体查询，但我的 CSS 仅更改边框和按钮内部的颜色。我的导航栏下方的按钮栏中有 5 个按钮，当屏幕尺寸小于桌面尺寸时，我希望它是一个下拉菜单而不是按钮组。我目前正在使用柔性包装，但按钮在移动视图中只是堆叠在一起。我无法找到一种方法使按钮组本身具有响应性并像网站的其他部分一样缩小尺寸。这是我第一次使用 HTML 或 CSS。感谢您的帮助！

我正在使用反应选择。我不想从选项列表中删除选定的项目。看起来它会在您添加 isMulti 时自动从选项列表中删除选定的选项，因为当我没有 isMulti 时，它不会删除选定的选项。我已经看到我可以使用一个名为 filterOption 的道具，但我不明白如何使它工作。谁能告诉我如何使用 filterOption 来显示所有选项，即使选择了某些选项？如果 Select 会自动删除选定的选项，那么即使选择了某些选项，是否有人对我如何显示所有选项有任何建议？

  import Select from 'react-select';

  ...

  <Select
    value={this.value()}
    isDisabled={this.props.disabled}
    closeMenuOnSelect={false}
    components={Animated}
    isMulti
    isClearable
    onChange={this.props.onChange}
    onBlur={this.onBlur}
    options={this.props.options}
  />

顺便说一句：我可以看到演示中有一个选项可以取消选中“删除选定的选项”，但我无法找到源代码，它返回 404。这是我正在查看的演示的链接，标题为“多选”：https : //jedwatson.github.io/react-select/

我想隐藏 woocommerce 产品页面下拉列表中显示的特定变体。我能够隐藏“选择一个选项”，但我正在努力做同样的事情，value="2,5 kg"例如

这是我隐藏“选择一个选项”的代码：

add_filter( 'woocommerce_dropdown_variation_attribute_options_html', 'remove_choose_an_option'); 
function remove_choose_an_option( $html ){ 
    $html = str_replace('<option value="">' . __( 'Choose an option', 'woocommerce' ) . '</option>','',$html);
    return $html; 
}

value="2,5 kg"但是如何隐藏例如的变化呢？示例产品： https: //www.keimster.de/produkt/gekeimtes-gesundes-muesli/

我也尝试过使用 css，但是这两个都不起作用

#groesse > option[value=2,5 kg], #groesse > option:nth-child(1) {display: none;}

因此，我正在研究可能将 react-select 用于需要多选的项目。但是，多选示例会随着选择更多项目而不断向下扩展。如果下拉列表有一堆选项可供选择（比如 100），这将不起作用。react-select 库中有没有办法让值变成“Xyz & 5 more”或类似的东西？

import React, { Component } from 'react'
import Select from 'react-select'

const options = [
  { value: 'chocolate', label: 'Chocolate' },
  { value: 'strawberry', label: 'Strawberry' },
  { value: 'vanilla', label: 'Vanilla' },
  { value: 'cherry', label: 'Cherry' },
  { value: 'foo', label: 'Foo' },
  { value: 'bar', label: 'Bar' }
]

const MyComponent = () => (
  <Select
    options={options}
    isMulti
    className="basic-multi-select"
    classNamePrefix="select"
  />
)

我正在尝试在 Anuglar 8 中使用“agRichSelectCellEditor”实现组合框选择，并在尝试编辑字段时在控制台中出现以下错误。

供参考：我正在关注https://plnkr.co/edit/PgRoxXgx7NL5epn2B1X9?p=preview这是一个例子。

{
    headerName: "Prefix Code",
    field: "prefixCode",
    filter: true,
    editable: true,
    cellRenderer: "prefixCodeRenderer",
    cellEditor: "agRichSelectCellEditor",
    cellEditorParams: {
      values: [1, 2, 3],
      cellRenderer: "prefixCodeRenderer"
    }
}

错误类型错误：无法读取 null 的属性“componentFromFramework”

我想要这样的东西：

但我现在有这个结果：

确实有一个问题，我想在下拉弹出窗口中应用边距顶部。我尝试了 1 件事，但没有成功： popupTheme 有我的微调器：

<androidx.appcompat.widget.AppCompatSpinner
                android:popupBackground="@color/bgChoicesSpinner"
                android:popupTheme="@style/popupOverlay"
                android:dropDownWidth="match_parent"
                android:layout_marginTop="30dp"
                android:layout_marginStart="5dp"
                android:id="@+id/spinnerCountry"
                android:layout_width="match_parent"
                android:layout_height="50dp">

这就是我的风格：

<style name="popupOverlay" parent="ThemeOverlay.AppCompat.Light">
        <item name="android:layout_marginTop">10dp</item>
        <item name="android:background">@color/bgChoicesSpinner</item>
    </style>

在 React 应用程序中，您应该控制<select>. 只需一个选择就可以非常简单：

const ExampleSelect = () => {
  const [value, setValue] = React.useState()
  return (
    <select
      value={value}
      onChange={(e) => setValue(e.currentTarget.value)}
    >
      <option value='foo'>Foo</option>
      <option value='bar'>Bar</option>
      <option value='baz'>Baz</option>
    </select>
  )
}

但是当你将multipleprop 添加到 a 中时<select>，事情就会变得奇怪。传递给onChange它的函数会迭代选项并根据哪些选项采取行动，这些选项似乎option.selected === true只在桌面上工作——在 iOS 上的 Safari 中，选择multiple === true似乎无法控制。

我觉得这是一个非常基本的问题，但我找不到任何相关内容。我不想安装带有预样式组件的整个库，只是为了能够在<select>React 应用程序内部选择多个选项。

以下是我尝试过的一些 onChange 函数：

type Setter = React.Dispatch<React.SetStateAction<string[] | undefined>>
type SelectChange = React.ChangeEvent<HTMLSelectElement>

export const handleMultiSelectChange = <S extends Function …

我想用 ant design ( https://ant.design/components/icon/ )提供的图标替换默认的下拉选择箭头，例如 DownCircleOutlined。是否可以？这是我目前的代码。我还没有任何风格，因为我不知道方法。

<Select>
    <Option value="1">a</Option>
    <Option value="2">b</Option>
    <Option value="3">c</Option>
</Select>

在我的代码中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),
              ),
            ),