Javascript 从下拉列表中获取拖航值

我有以下编辑形式的下拉代码：

    <select id="inputState"  class="form-control" [(ngModel)]="seletRoleId"  formControlName="roleName">
      <option *ngFor="let item of roleList" seletRoleId="item.id" [value]="item.name"> {{item.name}}
      </option>
    </select>

{{item.name}

但是我需要获取

item.name

和

item.id

此代码

[value]=“item.name”

用于显示用户

RoleName

进行编辑

---

如何从下拉列表中获取两个值

id

和

name

。

您可以附加一个单击按钮，以便每次单击一个选项时，它都会将该项发送到一个函数。然后在函数中，您可以访问整个项

<option *ngFor="let item of roleList" seletRoleId="item.id"
(click)=getDetails(item) [value]="item.name"> 
  {{item.name}}
 </option>

---

您可以使用一个对象，就像您可以获得名称和id一样

<option ... [value]="{name: item.name, id: item.id} | json"> 

哟11
yo 13

只需将整个

项目绑定即可

取而代之？@briosheje我需要将

item.id

绑定到

seletRoleId

@kianoush您可以使用

seletRoleId=“{name:item.name，id:item.id}”

@kianoush您的项目未定义吗？你说的是

roleId

，但我认为你在代码中使用

seletRoleId

作为模型。

seletRoleId

在

number

type中我将其转换为模型，但

id

是null@kianoush嗯，我忘了一些东西，对不起。我更新了我的答案，注意我不是一个有棱角的专家。有一个最好的方法来归档你想要的东西。但我的回答是，你的id和名字是同一个型号的。

<option ... [value]="{name: item.name, id: item.id} | json">