Question

这是我的选择选项HTML

<select _ngcontent-c3=""  formcontrolname="role" value="" ng-reflect-name="role">
   <option _ngcontent-c3="" value="addrole" ng-reflect-value="addrole">--Add Role--</option>
   <option _ngcontent-c3="" value="64" ng-reflect-ng-value="64" description="user">EPS_USER</option>
   <option _ngcontent-c3="" value="65" ng-reflect-ng-value="65" description="txns">TXNS</option>
</select>

我需要获取选择的选项文本值而不是其值，也就是说，如果我选择EPS_USER，则应该获取“ EPS_USER”而不是64。该表单已被实现为反应形式。

this.form.controls["role"].value

这给出了64位，如何获取文本？

Answer 1

我找到了解决方法，将$ event对象传递给该方法并执行此操作。

populateModule = (event) => {
 let val = event.target.selectedOptions[0].innerHTML;
}

Answer 2

只需在“选项”中添加带有标签值的属性“标签”，然后执行：

this.form.controls [“ role”]。label

获取选择选项文本值-反应形式

2 个答案: