如何获得离子3中的形式值

问题描述 投票:0回答:1

我创建了一个表格。但是如何获取函数中的选定值。

我使用了下拉菜单,在那个选定的值中需要发送给函数。

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 forms typescript ionic-framework ionic3
1个回答
0
投票

请尝试以下操作。这可能对您有帮助:-

在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
}
© www.soinside.com 2019 - 2024. All rights reserved.