Javascript 如何访问属性名称'；通过单击“选择选项”在“选择”框中选择值

我想访问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);
    } 

handleSelectButton（e）}>
苹果
香蕉
功能手柄选择按钮（e）{
console.log（如target.value）；
} 

如果我选择苹果，那么苹果的名字就应该出现了。 我只能访问值，但无法访问名称属性值。我试过

e.target.getAttribute（“name”）

你知道怎么解决这个问题吗？提前谢谢。

这很有效

功能手柄选择按钮（e）{
console.log（e.target.selectedOptions[0].getAttribute（“名称”）；
}

苹果
香蕉

这是最简单的解决方案。如果您有任何问题，请随时发表评论

函数getAttribute（）{
var x=document.getElementsByTagName（“选项”）[0].getAttribute（“名称”）；
var y=document.getElementsByTagName（“选项”）[1].getAttribute（“名称”）；
console.log（x）；//[0]是第一个选项标记
console.log（y）；//[1]是第二个选项标记
}
getAttribute（）

handleSelectButton（e）}>
苹果
香蕉

只是想澄清一下，你想得到的名称是“apple”，它的值是apple

const selected=e.target.options[e.target.selectedIndex]

并用它做一些事情。是的，你是对的