Блог

Я создал форму. но как получить выбранные значения в функции.

я использовал выпадающий список, в котором выбранное значение необходимо отправить в функцию.

product_option[{{tms.productoption_id}}], optnslist.product_optionvalue_id эти два значения необходимо отправить в функцию

Html-код:

   <form (ngSubmit)="logForm(myfoem)">
  <ion-grid  *ngIf="varibleprd == 'variable'">
  <ion-item *ngFor="let tms of optionprd;">
  <ion-label>{{tms.option_name}}:</ion-label>
  <ion-select [(ngModel)]="tms.option_name" name="product_option[{{tms.productoption_id}}]"> 

     <ion-option *ngFor="let optnslist of tms.optionvalue" [value]="optnslist.product_optionvalue_id">{{optnslist.optionvalue_name}}</ion-option>
</ion-select>
 </ion-item>
 </ion-grid>

 <button block><ion-icon name="add"></ion-icon></button>
   </form>
 

и код Ts:

    export class ProductdetailPage {
   frmdata:any;
   subfrmdata:any;

 logForm(subfrmdata){
  this.frmdata=subfrmdata.value;
  console.log(this.frmdata);
  }
 }
 

Пожалуйста, попробуйте следующее. Это может помочь вам:-

В HTML-файле

 <ion-option *ngFor="let optnslist of tms.optionvalue" [value]="optnslist.product_optionvalue_id" 
(ionSelect)="logForm(product_option[tms.productoption_id], optnslist.product_optionvalue_id);">
{{optnslist.optionvalue_name}}</ion-option>
 

Затем в файле ts:-

 logForm(productoption_id, product_optionvalue_id){
  // Do the needful
}