标签: dropdown

我正在使用此函数创建几个月的下拉菜单。

function formMonth(){
  $month = strtotime(date('Y').'-'.date('m').'-'.date('j').' - 12 months');
  $end = strtotime(date('Y').'-'.date('m').'-'.date('j').' + 0 months');
  while($month < $end){
      $selected = (date('F', $month)==date('F'))? ' selected' :'';
      echo '<option'.$selected.' value="'.date('F', $month).'">'.date('F', $month).'</option>'."\n";
      $month = strtotime("+1 month", $month);
  }
}

我的问题是我需要使用 1 到 12 的数值作为选项值。

此时它使用月份名称来表示value这样的选项。

<select size="1" name="month">
<option selected value="January">January</option>
<option value="February">February</option>
<option value="March">March</option>
<option value="April">April</option>
<option value="May">May</option>
<option value="June">June</option>
<option value="July">July</option>
<option value="August">August</option>
<option value="September">September</option>
<option value="October">October</option>
<option value="November">November</option>
<option value="December">December</option>
</select>

谁能告诉我如何修改这个功能。谢谢。

我正在使用下面的代码和 CSS。正如您所看到的，当我将光标悬停在“更多选项”上时，下拉子菜单向左展开。我已经更改了 CSS 上的每个“left”关键字，但它只是不会转到右侧。如何将下拉子菜单向右展开，这意味着如果我将鼠标悬停在“更多选项”上，它将像这样向右展开？ 点击这里

<div class="container-fluid">
  <div class="btn-group pull-right">
    <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
    Menu
    <span class="caret"></span>
    </a>
      <ul class="dropdown-menu dropdown-menu-right" role="menu" aria-labelledby="dropdownMenu">
        <li><a href="#">Action</a></li>
        <li><a href="#">Another action</a></li>
        <li><a href="#">Something else here</a></li>
        <li class="divider"></li>
        <li class="dropdown-submenu dropdown-menu-right">
        <a tabindex="-1" href="#">More options</a>
          <ul class="dropdown-menu">
            <li><a tabindex="-1" href="#">Second level</a></li>
            <li class="dropdown-submenu">
            <a href="#">More..</a>
              <ul class="dropdown-menu">
                <li><a href="#">3rd level</a></li>
                <li><a href="#">3rd level</a></li>
              </ul>
            </li>
            <li><a href="#">Second level</a></li>
            <li><a href="#">Second level</a></li>
         </ul>
       </li>
       <li><a href="#">Something else here</a></li>
     </ul>
   </div>
 </div>

这是我的CSS；

.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:-95%;max-width:180px;margin-top:-6px;margin-right:-1px;-webkit-border-radius:6px …

我对 JQuery 很陌生，请把我当作新手。我有一个 PHP 表单，其中有一个单选按钮。根据选择的收音机，我想禁用选择/下拉菜单。下面是场景：

单选按钮：每日和其他选择：神的名字

如果用户选择 Misc，则应禁用 Select (Deity Name)，反之亦然。

我已经在我的页面上导入了 JQuery。

头文件

!-- JQuery 1.12.3 JS -->
<script src="../js/jquery-1.12.3.min.js"></script>

HTML代码

<tr>
<td class="col-md-4"><label class="control-label">Pooja Type</label></td>
<td class="col-md-8" align="center">
<label class='radio-inline'><input type='radio' name='poojaType' value='daily' checked>Daily</label>
<label class='radio-inline'><input type='radio' name='poojaType' value='misc'>Misc</label>
</td>
</tr>
<tr>
<td class="col-md-4"><label class="control-label" for="deity">Deity Name</label></td>
<td class="col-md-8"><select class="form-control" name="deityName"> 

请指教。

我正在尝试使用数据对象中的州/省填充下拉列表，但有许多记录具有相同的状态。我怎样才能只显示不同的状态？

这将返回不同的状态：

$states= DataObject::get()->distinct(true)->column('State');

这在我的下拉列表中显示为不同的值：

DropdownField::create('State', 'State', $states)
                    ->setEmptyString('(Select one)'),

但这仅将下拉列表中的值显示为状态，而不将 ID 显示为状态。我怎样才能填充ID？

当我将它们添加到数组时它不喜欢它。

我有一个像这样的下拉选择，并想使用 D3.js 检索所选选项的文本

<select id = "dropdown">
   <option value = "Activity1">Watch TV< /option>
   <option value = "Activity2">Sleep</option>
   <option value = "Activity3">Study</option>
</select>"

我可以使用以下方法获取我的选择值： var ActivityNumber = d3.select("#dropdown").property("value") ;

但是我需要帮助来检索选择的文本。- 基于浏览器选择的“看电视”或“睡眠”或“学习”..

先感谢您..

我使用了 ng-select 选项菜单，但我想禁用或删除它的关闭按钮如何执行此操作。在这里我使用了代码`

<ng-select id="CompanyID"  [(ngModel)]="CompanyId" placeholder="-- select an option --">
 <ng-option disabled selected value> -- select an option -- </ng-option>
 <ng-option *ngFor="let company of Company" [value]="company.Company_ID" [disabled]="true">{{company.Name}}</ng-option>
</ng-select>`

我正在尝试修补 ng-select 下拉列表中的多个选定项目。我没有指定任何 bindValue，因此项目应该由对象绑定（如https://www.npmjs.com/package/@ng-select/ng-select中指定）

但是，在尝试执行此操作时，不会根据对象而是根据显示的标签来选择项目。此外，仅选择第一个标签。

示例：app.component.html

<form [formGroup]="group">
    <div class="form-group" formGroupName="school">
        <ng-select labelForId="school" placeholder="Select school" [items]="schools" formControlName="code"
            bindLabel="displayLabel" multiple="true" groupBy="city">
        </ng-select>
    </div>
</form>

应用程序组件.ts

import { Component, OnInit } from '@angular/core';
import { FormBuilder, FormGroup, FormControl, Validators } from '@angular/forms';

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit {
  group: FormGroup;
  schools = [];
  constructor(private fb: FormBuilder) { }

  ngOnInit() {
    this.initSchools();
    const formModel = {
      school: new FormGroup({
        code: new FormControl(null, Validators.required) …

我有一个显示字符串列表的下拉列表。字符串的值包含仅由四个字母组成的单词和由多个字母组成的单词。当所选项目是具有四个字母的项目时，这会产生布局问题。在文本和下拉按钮的尾随图标之间可以看到空白或空白区域。怎么能去掉这个空白？如何根据所选值调整下拉按钮的大小？

文本和尾随图标之间的空白空间照片：

列表：

List<String> textList = ["test", "this_is_a_long_text"];

落下：

DropdownButtonHideUnderline(
      child: ButtonTheme(
       alignedDropdown: true,
       child: DropdownButton<String>(
        items: textList.map((String dropDownStringItem) {
           return DropdownMenuItem<String>(
                      value: dropDownStringItem,
                      child: Text(dropDownStringItem),
                    );
                  }).toList(),
              onChanged: (String newValueSelected) {
                _onDropDownItemSelected(newValueSelected);
              },
              value: _currentItemSelected,
            ),
          )),

这是一个包含问题的沙盒

• 我在导航栏中有一个可悬停的下拉菜单
• 当我移至其他页面时，下拉菜单仍然打开
• 我已经在普通布尔玛中尝试过此操作，问题仍然存在
• 我在 Nuxt.js 上使用 SSR
• 我正在使用 nuxt-link / Vue router-link 的等效项来导航到不同的页面。

这是我的default.vue 文件

<template>
  <div class="ch-container">
    <header class="ch-header">
      <nav
        class="navbar is-fixed-top"
        role="navigation"
        aria-label="main navigation"
      >
        <div class="navbar-brand">
          <nuxt-link class="navbar-item" to="/">
            <img
              alt="CH Logo"
              src="https://i.imgur.com/v35Kfc9.png"
              width="28"
              height="28"
            />
          </nuxt-link>

          <a
            role="button"
            class="navbar-burger burger"
            aria-label="menu"
            aria-expanded="false"
            data-target="navbarBasicExample"
          >
            <span aria-hidden="true"></span>
            <span aria-hidden="true"></span>
            <span aria-hidden="true"></span>
          </a>
        </div>

        <div id="navbarBasicExample" class="navbar-menu">
          <div class="navbar-start">
            <nuxt-link class="navbar-item" to="/news">
              News
            </nuxt-link>

            <nuxt-link class="navbar-item" to="/resources">
              Resources
            </nuxt-link>

            <nuxt-link class="navbar-item" to="/tickers">
              Tickers
            </nuxt-link>

            <div class="navbar-item has-dropdown …

我不断收到以下错误：lib/main.dart:45:37: Error: A value of type 'Object?' 不能分配给“字符串”类型的变量。

• “对象”来自“dart:core”。_startMeasure = 值；

这完全有道理，但我尝试将值更改为字符串，但这并不能解决问题。我试过 "$value" 和 _startMeasure = value as String。但是，这些都不起作用。

代码：

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatefulWidget {
  MyAppState createState() => MyAppState();
}//class

class MyAppState extends State<MyApp> {

  double _numberFrom = 0;
  String _startMeasure = "";
  final List<String> _measures = [
    'meters',
    'kilometers',
    'grams',
    'kilograms',
    'feet',
    'miles',
    'pounds (lbs)',
    'ounces',
  ];

  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(

        appBar: AppBar(
          title: Center(child: Text("Convert Units")),
          backgroundColor: Colors.deepOrange[300], …