Html 如何将id值绑定到form.value并以被动方式提交数据？

我用的是一种反应形式。 我已将公司列表显示为下拉列表。我只想获取它的id，并将其与其他表单值一起存储在DB中

角反应

 <div class="form-group col-sm-6" for="exampleInputPassword1">  
 <div class="d-block my-3">    
 <div class="mb-3">
 <select class="custom-select"  formControlName = "companyName">
 <option value="">Choose Company</option>
<option  *ngFor="let obj of companyList; let i = index" [value]="companyList[i].companyName">{{obj.companyName}}</option>
 </select>
   </div>
  </div>
</div>

---

如果您正确配置了表单，那么添加

this.uObj=this.form.value.companyName

就足够了。如果缺少其他内容，最好添加stackblitz或类似的内容。

更改选项标签的[value]属性

 <div class="form-group col-sm-6" for="exampleInputPassword1">  
     <div class="d-block my-3">    
      <div class="mb-3">
       <select class="custom-select"  formControlName = "companyName">
        <option value="">Choose Company</option>
          <option  *ngFor="let obj of companyList; let i = index" 
          [value]="companyList[i].companyID">    
          {{obj.companyName}}</option>
       </select>
      </div>
     </div>
    </div>

选择公司
{{obj.companyName}

您可以为上述代码共享stackblitz吗？（ps：您想从Select中获得公司id吗），因为我认为您错误地返回了[value]=“companyList[i].companyName”公司名称而不是id。还可以使用obj.id进行更好的运行时计算。

```
<button type="button" class="btn btn-primary btn-publish"
[disabled]="form.invalid" (click)="inserUser(form.value)">Save <i style="font-size:22px;margin-left:10px;"></i> </button>

not able to get id of company

 <div class="form-group col-sm-6" for="exampleInputPassword1">  
     <div class="d-block my-3">    
      <div class="mb-3">
       <select class="custom-select"  formControlName = "companyName">
        <option value="">Choose Company</option>
          <option  *ngFor="let obj of companyList; let i = index" 
          [value]="companyList[i].companyID">    
          {{obj.companyName}}</option>
       </select>
      </div>
     </div>
    </div>