Javascript 如何从引导下拉列表中检索所选选项的id？

我创建了一个简单的下拉列表：

以下是它的html定义：

<select class="form-control" id='0' (change)="retrieveValue($event.target)">
      <option id='0'>{{ genericSpecific[params.node.id][0] }}</option>
      <option id='1'>{{ genericSpecific[params.node.id][1] }}</option>
    </select>

但是，我找不到检索id的方法。
有什么帮助吗？

---

谢谢大家!

试试这个。这可能有助于你理解逻辑。。但是你仍然需要使它与你的角度代码兼容

点击1
点击2

试试这个。这可能有助于你理解逻辑。。但是你仍然需要使它与你的角度代码兼容

点击1
点击2

试试这个

<select class="form-control" id='0' (change)="retrieveValue($event.target)">
  <option  id='0' value='0'>{{ genericSpecific[params.node.id][0] }}</option>
  <option id='1' value='1'>{{ genericSpecific[params.node.id][1] }}</option>
</select>

{{genericsspecific[params.node.id][0]}
{{genericsspecific[params.node.id][1]}

试试这个

<select class="form-control" id='0' (change)="retrieveValue($event.target)">
  <option  id='0' value='0'>{{ genericSpecific[params.node.id][0] }}</option>
  <option id='1' value='1'>{{ genericSpecific[params.node.id][1] }}</option>
</select>

{{genericsspecific[params.node.id][0]}
{{genericsspecific[params.node.id][1]}

更改HTML

<select class="form-control" id='0' (change)="retrieveValue($event)">
      <option id='0'>A</option>
      <option id='1'>B</option>
    </select>

更改HTML

<select class="form-control" id='0' (change)="retrieveValue($event)">
      <option id='0'>A</option>
      <option id='1'>B</option>
    </select>