How to get the text name of selected dropdown value

Question

How to get the text name of selected dropdown value.

Using a prime ng dropdown

HTML

   <p-dropdown [options]="regionSelectList" [(ngModel)]="reg" [filter]="true" [ngModelOptions]="{standalone: true}">  </p-dropdown>
    <button class="btn btn-primary" (click)="addRecipient(reg);">Add</button>

TS

addRecipient(reg: any){
    console.log(reg) //which return code not text.
}

How can I get the text or label also with code ?

score 1 · Answer 1 · answered Feb 20 '18 at 10:04

1

How do you populate regionSelectList ?

If it looks like

this.regionSelectList = [{label:'Region A', value:'regionA'}, {label:'Region B', value:'regionB'}];

it should be ok : you'll get the value property in your addRecipient method.

See working Plunker

answered Feb 20 '18 at 10:04

Antikhippe

6,316
2
28
43

Is there any way to get the label value in the onChange event ? – Malavan Sep 02 '18 at 17:36
Yes, try with `event.value`. – Antikhippe Sep 02 '18 at 19:38
event.value only gives the value. since the options is like [ { label: 'lable1', value:'value1'}]. It only gives the value. I need to read label. – Malavan Sep 03 '18 at 10:01
Find the right object in the options array by the value. Then, you'll have access to the label. – Antikhippe Sep 03 '18 at 10:08
I have two similiar value ( 7,7) when i search like that, it only returns the first occurrence of the value. Thats why I am asking – Malavan Sep 04 '18 at 06:21
You should not have similar values in your dropdown. How your user knows which one he has to select ?? – Antikhippe Sep 04 '18 at 06:35
The use case is , for both label the value is same. Thats only I put same value inside that. – Malavan Sep 04 '18 at 06:46

How to get the text name of selected dropdown value

1 Answers1