在<option> </option>中存储id(或其他数据)

时间:2014-01-06 07:38:27

标签: javascript html html5

我有一个选项列表。向用户显示用户友好名称,但在系统中我使用id's。

我正在考虑使用dinamically denerated select element id的解决方案(参见示例),因为我通过php形成一切,并且在数据库中使id看起来像“select_opt _”+ id并不是一个问题。你知道可能更有效地使用“选项”(id_non_visible =&gt; 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> 

所以我的问题是,是否有更优雅和常见的方式来存储其他数据?

1 个答案:

答案 0 :(得分:2)

您应该只依赖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的值。

干杯