为选择下拉菜单设置值的首选方法是什么？

Question

我有一个选择下拉列表，我想知道在设置子选项的值时使用的最佳约定。

这是我的表单字段：

  <div class="field">
    <label for id="schedule_type">Schedule Type</label><br>
    <select name="schedule_type" id="schedule_type">
      <option value="recurring">Recurring — Create a series of sessions</option>
      <option value="nonrecurring">Not recurring — Create just one session</option>
    </select>
  </div>

注意我使用了值"recurring"和"nonrecurring"。我也见过使用整数的例子：

<option value="1">Recurring — Create a series of sessions</option>
<option value="2">Not recurring — Create just one session</option>

我是迂腐的吗？一个人没有优势吗？

Answer 1

除了更大的 [非平凡] 页面大小（值1 vs recurring之外，字节中存在可能影响页面呈现的微小差异），没有什么问题在前端。虽然 [可能] 会影响后端。

考虑这个（后端不可知）：

1. 我将recurring上的值form.submit传递给服务器 处理
2. 在保存之前，服务器将首先查询实际计划类型的id（即如果它是外键）
3. 然后保存。

禁止在保存时将实际的id传递给服务器：

1. 我将1上的值form.submit传递给服务器 处理
2. 然后保存。

与第一个相比，第二个会更快。

但同样，根据场景和后端的设计，一个可以优于另一个，或者它可以忽略不计。