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