Multiple Select in a row not working in Ionic


#1

Hi,

When I am adding multiple Select in a row in Ionic 2 project it always takes the last select.
Any solutions.


#2

Please share some code of what you actually have.


#3

Following is the code I am using.
The data is populated correctly but only the select for Hour is poping up no matter where I click.

<ion-item> 
      <ion-select placeholder="Month" interface="popover" [(ngModel)]="month">
        <ion-option *ngFor="let mnth of mnthList" >{{mnth}}</ion-option>
      </ion-select>

      <ion-select placeholder="Day" interface="popover" [(ngModel)]="day">
        <ion-option *ngFor="let day of dayList" >{{day}}</ion-option>
      </ion-select>

      <ion-select placeholder="Hour" interface="popover" [(ngModel)]="hour">
        <ion-option *ngFor="let hr of hrList" >{{hr}}</ion-option>
      </ion-select>
  </ion-item>

#4

I’m not familiar with documentation that allows multiple ion-select components in a single ion-item. Is there some source that says that is ok?


#5

See the section under Date

It can also be seen in the live demo in the documentation:

I’ve come across this thread as I have the exact same issue, trying to show an asc/desc sort next to my dropdown…