Question

嗨，我有一个动态表单，无法使用formcontrolname读取值所以我想按元素控件ID读取值

目前，如果我是正常的cantrol（输入按钮全选），我正在读取这样的值

let myForm = <HTMLFormElement>document.getElementById("userData");
    console.log(myForm.elements);  

<HTMLInputElement>myForm.elements[i]).getAttribute("id")

但是我在阅读mat-select时不是html控件，因此我无法读取值

<div *ngFor="let element of currentTaskJson" class="form-group">

 <!-- Input Tag Start Here -->
            <mat-form-field class="example-full-width" *ngIf="element.controlName == 'input' && element.htmlControlTypeName !='file'">
              <input matInput type='{{element.htmlControlTypeName}}' [required]='element.required' max="16" id='{{element.labelID}}' placeholder={{element.labelName}}
              />
            </mat-form-field>

<mat-form-field 
  class="example-full-width" 
  *ngIf="element.controlName==='select'">
    <mat-select 
      placeholder={{element.labelName}} 
      (click)=getDropDownValue(element) 
      id='{{element.labelID}}'>
        <mat-option 
          *ngFor="let element3 of listObj[element.labelID]" 
          value={{element3.id}}>
            {{element3.value}}
        </mat-option>
    </mat-select>
</mat-form-field>

currentTaskJson这是一个包含3个输入类型的数组，其中2个是我在此处打印表格的选择

，因此此输入控件将打印3次，因此我在这里使用任何formcontrolname，这对于所有3个控件都是相同的通过ID获取此JSON表单后端，我想按ID

通过<htmlinputelement> myForm.elements

0 个答案: