NodeJS 在Pug中动态设置默认选择选项

mm5n2pyu  于 2023-04-29  发布在  Node.js
关注(0)|答案(1)|浏览(98)

我想知道是否有可能在pug中动态设置默认的选择选项而不使用JavaScript?我在使用Node。js + Express用于后端,当我渲染一个pug文件时,我也传递了一个带有数据的对象。这里是节点。js代码:

var eventToEdit = {
  event_event: rows[0].event_event,
  event_day: rows[0].event_day,
  event_start: rows[0].event_start,
  event_end: rows[0].event_end,
  event_phone: rows[0].event_phone,
  event_location: rows[0].event_location,
  event_info: rows[0].event_info,
  event_url: rows[0].event_url
};
res.render('editEvent', eventToEdit);

在我的pug(editEvent.pug),我有一个表单,其中一个标签是select:

.form-group
 label(for='dayInput') Day of Week
 select#dayInput.form-control(name='day')
  option
   | Sunday
  option
   | Monday
  option
   | Tuesday
  option
   | Wednesday
  option
   | Thursday
  option
   | Friday
  option
   | Saturday

我想做的是使用event_day变量在select标记中设置一个默认选项。然而,问题是我似乎找不到一种不使用JavaScript的方法来做到这一点。
我能够使用JavaScript让它工作,但我想知道是否有可能让它在没有JavaScript的情况下工作。

oknwwptz

oknwwptz1#

艾哈迈德的回答是正确的。我想添加这个等价的(但更简洁)方法,使用循环:

.form-group
  label(for='dayInput') Day of Week
  select#dayInput.form-control(name='day')
    each day in ['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday']
      option(selected= event_day === day) #{day}

相关问题