javascript - 如何通过单击选择选项访问选择框中的属性名称的值？

Question

我想访问 name 属性及其值。当我单击选择标签时。这是示例代码

<select name="abc" id="input-abc"  onChange={(e)=>handleSelectButton(e)}>
  <option value="green" name="apple" >Apple</option>
  <option value="yellow" name="banana" >Banana</option>
</select>

function handleSelectButton(e) {
        console.log(e.target.value);
    } 

如果我会选择苹果，那么名称应该是苹果。我只能访问值，但如何访问 name 属性值。我试过了e.target.getAttribute("name")。

标签： javascript

Answer 1

function handleSelectButton(e) {
  console.log(e.target.selectedOptions[0].getAttribute("name"));
}

<select name="abc" id="input-abc" onChange="handleSelectButton(event)">
  <option value="green" name="apple">Apple</option>
  <option value="yellow" name="banana">Banana</option>
</select>