HTML 下拉列表是否有 LB_SETITEMDATA 等效项？

Question

在 Windows SDK 中有一种向每个列表框项 LB_SETITEMDATA 添加额外（隐藏）数据的方法。 这非常有用，即您可以将索引号与项目相关联。

使用 HTML 的下拉列表和 JavaScript，我希望可能有类似的功能。

Answer 1

在 HTML5 中，有一个称为data属性的特性，它允许您向 HTML 组件添加额外的数据。

但是它们并没有完全隐藏，因为用户可以检查您的页面并在那里看到这些值。 所以我不建议在那里使用任何敏感信息。

也就是说，它们在视觉上隐藏在网页中，因此仍然非常有用。 这是一个示例（请注意，您可以在代码中看到数据，但无法在渲染结果中看到数据）：

 <p>Fruits:</p> <select> <option data-color="red">Apple</option> <option data-color="yellow">Banana</option> </select>

参考： https : //developer.mozilla.org/en-US/docs/Learn/HTML/Howto/Use_data_attributes