Question

125

Get selected value from the drop down list with Angular

rated 0 times [ 130] [ 5] / answers: 1 / hits: 18800 / 7 Years ago, tue, november 21, 2017, 12:00:00

<tr (click)=onRowClick(myDropDownList.value)>

<td>

<select #myDropDownList (click)=$event.stopPropagation() (change)=onChange($event.target.value)>

    <option *ngFor=let n of numbers [value]=n>{{n}}</option>

</select>

</td>

</tr>

I was trying to get selected value from the drop down list and assign it to the onRowClick function. But myDropDownList always appears to be undefined for some reason. I was wondering what might go wrong here.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

brooksb

Add To Favorites

Follow

Total Points: 480

Total Questions: 98

Total Answers: 106

Location: Somalia

Member since Mon, Feb 27, 2023

1 Year ago

answered 7 Years ago tristab · Accepted Answer

I actually ended up with using ElementRef as the solution, which in my opinion is probably simpler and more straightforward.

@ViewChild('myDropDownList') myDropDownList: ElementRef;



onRowClick(){

    const selectedValue = this.myDropDownList.nativeElement.value;

    //...

}

Using forms was just a bit overkill in my case. But thanks for putting it out as another possible alternative.