javascript - 在 中存储 id(或其他数据)

Question

我有一个带有选项列表的选择。向用户显示用户友好名称，但在系统中我使用 id。

我正在考虑使用动态缩减的选择元素 id 的解决方案(参见示例)，因为我通过 php 形成所有内容并且使 id 看起来像数据库中的“select_opt_”+id 不是问题。您知道使用像 (id_non_visible => shown_name_visible) 这样的“选项”可能更有效吗？

示例:

    <select>
     <option id='select_opt_1'>Data 1</option>
     <option id='select_opt_2'>Data 2</option>
     <option id='select_opt_3'>Data 3</option>
     <option id='select_opt_4'>Data 4</option>
     <option id='select_opt_5'>Data 5</option>
   </select> 

所以我的问题是，是否有更优雅和通用的方式来存储额外的数据？

Answer 1

您应该只依赖于 value 属性。这就是它的用途:

   <select>
     <option value="1">Data 1</option>
     <option value="2">Data 2</option>
     <option value="3">Data 3</option>
     <option value="4">Data 4</option>
     <option value="5">Data 5</option>
   </select>

此外，value 的值将在提交包含选择的表单时发布。

干杯