how to get select option value in ionic

Question

When choosing the option, its value will be stored in a variable, how will it be get value

driver.html

 <ion-item>
    <ion-select interface = "popover">
      <ion-option *ngFor="let cg of routeData; let i = index;" value="{{i}}">{{cg.routeName}}</ion-option>
    </ion-select>
  </ion-item>

driver.ts

getRoute() {
    this.storage.get('token').then((tkn) => {
      this.headers.token = tkn;
      console.log("token Data: " + this.headers.token);
      this.driverProvider.getRoute(this.headers)
        .then(result => {
          if (JSON.parse(result.text()).response == "OK") {

            this.routeData = JSON.parse(result._body).stops;

            console.log("Route Name : " + JSON.stringify(this.routeData))  ;
          } else {
            this.err = JSON.parse(result.text()).res;
          }
        }, (err) => {
          console.log("Error is: " + err);
        });

    });

  }

output:

Possible duplicate of [How to get the value from ion-select option](https://stackoverflow.com/questions/39503876/how-to-get-the-value-from-ion-select-option) — Duannx, Oct 26 '17 at 02:15

Paresh Gami · Answer 1 · 2017-10-25T07:46:12.120

-1

Give ngModel to ion-select like

html

<ion-select interface = "popover">
     <ion-option *ngFor="let cg of routeData; let i = index;" value="{{i}}" (ionChange)="routeNameChanged(i,cg.routeName)">
         {{cg.routeName}}
     </ion-option>
</ion-select>

ts

export class ListPage 
{
    routeModel = "";
    constructor()
    {}
}

routeNameChanged(index,name)
{
  console.log(index+"=>"+name);
}

edited Oct 25 '17 at 07:46

answered Oct 25 '17 at 06:59

Paresh Gami

4,777
5
23
41

{{cg.routeName}} .html file – Jayprakash Singh Oct 25 '17 at 07:23
Print this{{routeModel}} in html and change value in dropdown – Paresh Gami Oct 25 '17 at 07:25
value get but Route Name also be get how can get route name – Jayprakash Singh Oct 25 '17 at 07:36
you need both index + name? – Paresh Gami Oct 25 '17 at 07:40
Yes Index and Name – Jayprakash Singh Oct 25 '17 at 07:42
Any other example – Jayprakash Singh Oct 25 '17 at 08:56
Did that call or not? Have check with console.log? – Paresh Gami Oct 25 '17 at 09:00
Not call and yes check the console.log – Jayprakash Singh Oct 25 '17 at 09:03
@ Paresh Gami you Right but my project not working in visual Studio Code – Jayprakash Singh Oct 25 '17 at 09:29
Let us [continue this discussion in chat](http://chat.stackoverflow.com/rooms/157448/discussion-between-paresh-gami-and-jayprakash-singh). – Paresh Gami Oct 25 '17 at 09:30

how to get select option value in ionic

1 Answers1