javascript - 在 HTML 选择/选项下拉列表中携带一些额外信息

Question

我想在 HTML 中携带一些额外的隐藏信息(例如:邮政编码) 选择/选项下拉列表并在以下情况下将其提供给 javascript 函数 用户更改选项框选择。

这是我想做的事情(但行不通)。

<select id="sel_activity" onchange="selectionChange(this.info)"> 
    <option info=""       value="CAR">CAR PROBLEM</option> 
    <option info=""       value="COFFEE">Coffee Break</option>
    <option info="45678"  value="INV">INVENTORY COUNT</option>
    <option info="23567"  value="INVDROP">Inventory</option>
    <option info="" value="LUNCH">Lunch Break</option> 
    <option info="87654"  value="MEET">Meeting</option>
</select>

.
.
.

function selectionChange(info){      
    alert(info);
}

Answer 1

HTML 5 提供了 data-* 属性，您可以定义自己的属性，只需在它们前面加上 data- 即可。像数据信息、数据压缩或其他什么。