dropdown 相关问题

下拉列表是可切换的，用于显示链接列表的上下文叠加等。

无法在窗口小部件中查找方法'SetState'

我有一个稍后在我的主脚手架文件中调用的小部件。此小部件包含下拉菜单，但是，在选择其他值时，我无法更改状态。该领域没有更新，我得到......

drop-down-menu flutter dropdown setstate

回答 2 投票 0

每个窗体多个MultiSelect Drowdowns - 如何一般地获取所有值

获取多个下拉引导程序的值选择一种形式 - 通常通过php加载。获得硬编码的1多选下拉列表的所有值很简单。我正在加载多个......

javascript php html dropdown

回答 1 投票 0

从打字稿角度6中选择默认选项值

我有一个像这样的选择html： 47 我有一个像这样的选择html： <select ng-model='nrSelect' class='form-control'> <option value='47'>47</option> <option value='46'>46</option> <option value='45'>45</option> </select> 如何从打字稿中选择默认值，例如 47 ？你可以这样做： <select class='form-control' (change)="ChangingValue($event)" [value]='46'> <option value='47'>47</option> <option value='46'>46</option> <option value='45'>45</option> </select> // Note: You can set the value of select only from options tag. In the above example, you cannot set the value of select to anything other than 45, 46, 47. 这里，你可以用这个。 app.component.html <select [(ngModel)]='nrSelect' class='form-control'> <option value='47'>47</option> <option value='46'>46</option> <option value='45'>45</option> </select> app.component.ts import { Component } from '@angular/core'; @Component({ selector: 'my-app', templateUrl: './app.component.html', styleUrls: [ './app.component.css' ] }) export class AppComponent { nrSelect = 47 } 对于反应式形式，我设法通过使用以下示例使其工作（47 可以替换为其他值或变量）： <div [formGroup]="form"> <select formControlName="fieldName"> <option *ngFor="let option of options; index as i" [selected]="option === 47" > {{ option }} </option> </select> </div> 正确的方法是： <select id="select-type-basic" [(ngModel)]="status"> <option *ngFor="let status_item of status_values"> {{status_item}} </option> </select> 如果值是动态的，则应避免在选项内使用值，因为这将设置“选择字段”的默认值。默认选择应与 [(ngModel)] 绑定，并且选项应同样声明。 status : any = "47"; status_values: any = ["45", "46", "47"]; 如果您使用 Angular 的 FormBuilder，这就是要走的路（至少对于 Angular 9）： HTML 视图：yourelement.component.html 使用 [formGroup] 引用表单变量，使用 formControlName 引用表单的内部变量（均在 TypeScrit 文件中定义）。最好使用 [value] 来引用某种类型的选项 ID。 <form [formGroup] = "uploadForm" (ngSubmit)="onSubmit()"> . . .html <select class="form-control" formControlName="form_variable" required> <option *ngFor="let elem of list" [value]="elem.id">{{elem.nanme}}</option> </select> . . . </form> 逻辑文件：yourelement.component.ts 在FormBuilder对象的初始化中，在ngOnInit()函数中，设置您想要的默认值作为默认选择。 . . . // Remember to add imports of "FormsModule" and "ReactiveFormsModule" to app.module.ts import { FormBuilder, FormGroup } from '@angular/forms'; . . . export class YourElementComponent implements OnInit { // <form> variable uploadForm: FormGroup; constructor( private formBuilder: FormBuilder ){} ngOnInit() { this.uploadForm = this.formBuilder.group({ . . . form_variable: ['0'], // <--- Here is the "value" ID of default selected . . . }); } } 首先或全部您使用的是 ng-model，它被认为是 angularjs 语法。使用 [(ngModel)] 代替默认值 App.component.html <select [(ngModel)]='nrSelect' class='form-control'> <option value='47'>47</option> <option value='46'>46</option> <option value='45'>45</option> </select> App.component.ts import { Component } from '@angular/core'; @Component({ selector: 'my-app', templateUrl: './app.component.html', styleUrls: [ './app.component.css' ] }) export class AppComponent { nrSelect:string = "47" } HTML <select class='form-control'> <option *ngFor="let option of options" [selected]="option === nrSelect" [value]="option"> {{ option }} </option> </select> 打字稿 nrSelect = 47; options = [41, 42, 47, 48]; 我对 Angular6 也有类似的问题。浏览了很多帖子后。我必须在 app.module.ts 中导入 FormsModule，如下所示。 import {FormsModule} from '@angular/forms'; 然后我的 ngModel 标签就起作用了。请尝试这个。 <select [(ngModel)]='nrSelect' class='form-control'> <option [ngValue]='47'>47</option> <option [ngValue]='46'>46</option> <option [ngValue]='45'>45</option> </select> 我认为最好的方法是将其与 ngModel 绑定。 <select name="num" [(ngModel)]="number"> <option *ngFor="let n of numbers" [value]="n">{{n}}</option> </select> 并在 ts 文件中添加 number=47; numbers=[45,46,47] 我通过这样做来管理这个=> <select class="form-control" [(ngModel)]="currentUserID" formControlName="users"> <option value='-1'>{{"select a user" | translate}}</option> <option *ngFor="let user of users" value="{{user.id}}"> {{user.firstname}} </option> </select> <select class="form-control" [value]="defaultSelectedCurrency" formControlName="currency"> <option *ngFor="let item of currency" [value]="item.value" [selected]="item.isSelected">{{item.key}}</option> </select> currency = [ { key: 'USD', value: 'USD', isSelected: true }, { key: 'AUD', value: 'AUD', isSelected: false } ]; defaultSelectedCurrency: string; ngOnInit() { this.defaultSelectedCurrency = this.currency[0].value; } 您可以像 Angular 9 中那样使用波纹管 <select [(ngModel)]="itemId" formControlName="itemId" class="form-control" > <option [ngValue]="" disabled>Choose Gender</option> <option *ngFor="let item of items" [ngValue]="item .id" [selected]="item .id == this.id" > {{item.name}} </option> </select> 除了前面提到的之外，您还可以使用 [attr.selected] 指令来选择特定选项，如下所示： <select> <option *ngFor="let program of programs" [attr.selected]="(member.programID == program.id)"> {{ program.name }} </option> </select> 在我的例子中，我使用相同的标记来编辑现有实体，或创建一个全新的实体（无论如何）。我想在创建模式下显示在选择元素中“选择”的默认值，同时在编辑模式下显示后端的值。我的解决方案是： <select [(ngModel)]="entity.property" id="property" name="property" required> <option disabled hidden value="undefined">Enter prop</option> <option *ngFor="let prop of sortedProps" value="{{prop.value}}">{{prop.displayName}}</option> </select> 对于常规可用选项，我使用 sortedProps 数组来提供选项选择。但这不是这里的重要部分。对我来说，窍门是设置 value="undefined" 让角度模型绑定（？）在创建模式下自动选择此选项。不确定它是否是黑客攻击，但确实符合我的要求。无需额外的 typeScript。此外，指定 hidden 确保我的情况下的选项不可选择，而 required 确保表单无效，除非在那里选择了某些内容。如果你使用FormBuilder，你也可以这样做在你的component.html中 <select formControlName="genero" id="genero" name="country" class="form-control form-select" data-bs-placeholder="Género"> <option value="F">Femenino</option> <option value="M">Masculino</option> <option value="O">Otro</option> </select> 在你的 component.ts 中 formInfoAdmin = new FormGroup({ genero: new FormControl('F'), }) 你的输出将是在 component.html 文件中，您可以简单地使用 [ngModel] 设置默认值并为其创建一个选项。示例1：静态选项值 <select [ngModel]="0" class="form-control"> <option value='0'>Default</option> <option value='1'>Option 1</option> <option value='2'>Option 2</option> </select> Ex.2：动态选项值 <select [ngModel]="0" class="form-control"> <option value='0'>Default</option> <option *ng-For="let item of list, let i = index" [value]='item.key'> {{item.value}} </option> </select> <select [(ng-model)]='nrSelect' > <option [value]='47'>47</option> <option [value]='46'>46</option> <option [value]='45'>45</option> </select> 对每个选项值使用方括号这似乎对我有用。请注意，所选选项会回顾组件属性，如果真值验证，您将获得正确的选择。 <select class="form-select" (change)="changeLookBackPeriod($event)"> <ng-container *ngFor="let time_series_period of time_series_periods"> <option [value]="time_series_period" [selected]="(time_series_period == lookback_period)"> {{ time_series_period }}</option> </ng-container> </select> 我们只需要把想要的值赋给 [(ngModel)]=" " 以下是 ts 中具有模型对象和下拉数据的对象 modelobj:any = {"occupation":""}; OccupationfieldDropDownData:any=[{label:"Service",id:1},{label:"Student",id:2},{label:"Housewife",id:3},{label:"Landlord",id:4},{label:"Business",id:5},{label:"Professional",id:6},{label:"Agriculture",id:7},{label:"Others",id:8}]; 在模板.html中 <select class="form-control" #occupation required [(ngModel)]="modelobj.occupation" name="occupation"> <option value="default">Please Select</option> <option *ngFor="let obj of OccupationfieldDropDownData" [value]="obj.id"> {{obj.label}} </option> </select> 现在预选（只需设置 [(ngModel)]="value" 的值） preselectDropDown() { this.modelobj.occupation = "6"; //this will map the id and label will be shown as selected }

angular typescript dropdown

回答 0 投票 0

在Django中从模型创建下拉列表

我希望在模板中创建一个下拉列表，其中下拉列表的值来自models.py中的Orders模型中的字段（引用）。我理解创建一个价值观的下拉列表......

python html django drop-down-menu dropdown

回答 1 投票 0

iOS中UITableView中的下拉列表

如何在iOS中创建这种类型的tableview？在这里，如果我们点击第一行“帐户”，然后自动滚动显示在图像中的更多行。如果我们再次点击帐户，那么......

ios objective-c swift uitableview dropdown

回答 12 投票 38

如何更改material-ui选择字段中的下拉图标？

我正在使用material-ui select字段。我想将给定的下拉图标更改为其他字体图标。怎么做到这一点？我没有看到任何选择来覆盖这种风格