select option in reactive forms

Solutions on MaxInterview for select option in reactive forms by the best coders in the world

Search
showing results for - "select option in reactive forms"
Daniele
10 Oct 2016
1<select class="custom-select" (change)="changeCity($event)" formControlName="cityName">
2   <option value="" disabled>Choose your city</option>
3   <option *ngFor="let city of City" [ngValue]="city">{{city}}</option>
4</select>
source
Romane
15 Mar 2020
1// City Names
2  City: any = ['Florida', 'South Dakota', 'Tennessee', 'Michigan']
source
Agustina
02 Apr 2018
1import { Component } from '@angular/core';
2import { FormBuilder, Validators } from "@angular/forms";
3
4@Component({
5  // ...
6})
7
8export class AppComponent {
9
10  constructor(public fb: FormBuilder) { }
11
12  /*########### Form ###########*/
13  registrationForm = this.fb.group({
14    cityName: ['']
15  })
16
17  onSubmit() {
18    alert(JSON.stringify(this.registrationForm.value))
19  }
20
21}
source
similar questions
forcechange input reactiveformselected angular selectangular select changeangular call function on option selectdrop down listing in angular formtarget data option select vue jsin select option how to make one default in angularngfor select angular
queries leading to this page
reactive form select input fieldangular reactive form selectangular reactive form example select optionhow to select item from select option angular 11 reactive formangular reactive form select optionreactive forms selectselect using angular reactive formsreactive form select optionselect in reactive formsselect option reactive formsangular 6 select option selected value reactive formangular html select reactive formangular reactive forms select optionangular reactive forms select field with inputangular reactive form select option objectselect option in angular reactive formreactive forms with selectangular reactive forms selectangular select reactive formsreactive form angular select optionselect in reactive formreactive forms select optionselect angular reactive formangular 6 reactive forms select optionreactive form angular selectangular 8 reactive forms select optionangular reactive forms select exampleangular reactive form set select optionsangular reactive form with selectangular select option using reactive formreactive form selectangular select reactive formselect option in reactive forms