javascript - 如何从引导下拉列表中检索所选选项的 ID？

Question

我已经建立了这个简单的下拉列表： 这是它的 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>

对于检索值：

  updateChosenValue(event) {
 console.log(event.value)}

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

标签： javascripthtmlangulartypescriptbootstrap-4

Answer 1

尝试这个。这可能会帮助您理解逻辑..但您仍然必须使其与您的角度代码兼容。

    <select onchange="alert(this.options[this.selectedIndex].getAttribute('id'));" name="myname" class="myclass"> 
        <option id="1" value="hi">click1</option>
        <option id="2" value="hello">click2</option>
    </select>