javascript - 在选项元素中引用多个值

Question

与 Can an Option in a Select tag carry multiple values? 类似的问题- 除了我想引用 JavaScript 中的值

回顾一下:
我想为选择框中的选定项目返回多个值 - 所以我在想这样的事情:

<SELECT id='selectList'>
   <OPTION value1="a" value2="b" value3="c">OPTION 1</OPTION>
   <OPTION value1="d" value2="e" value3="f">OPTION 2</OPTION>
</SELECT>

然后我想获取所选项目的值:

var sel = document.getElementById('selectList');
selValue1 = sel.options(sel.selectedIndex).value1;
selValue2 = sel.options(sel.selectedIndex).value2;
selValue3 = sel.options(sel.selectedIndex).value3;

目前我可以为一个选项提取 value='x'，但我需要更多的值与该选项相关联。我可能可以将所有三个值分隔为一个，然后使用字符串函数将它们分开，但这看起来很讨厌。

Answer 1

我认为您正在寻找 attributes属性:

var sel = document.getElementById('selectList');

selValue1 = sel.options[sel.selectedIndex].attributes.value1.value;

这是一个jsFiddle demonstrating how to extract these values .