如何在ejs中动态呈现输入的选定选项答案

【问题标题】：how to dynamically render the selected option of an input in ejs如何在ejs中动态呈现输入的选定选项
【发布时间】：2020-06-10 07:18:02
【问题描述】：

我有一个选择输入，用户选择一个选项并将其发送到数据库，在浏览器中，我希望用户看到他们从数据库中选择的选项

ejs

    <div class="form-group col-sm-6" style="width: 50%;">
        <label for=""> Defualt Font Weight</label>

        <select name="account_font_weight" class="form-control" id='ddlProperty' style="height: 48px; 
        font-size:1.3em;">
            <option disabled="" readonly="">Choose font weight </option>
            <option value="light">Light</option>
            <option value="normal">Normal</option>
            <option value="bold">Bold</option>
        </select>
    </div>

与

<%=branding_font_weight %>

我可以获取用户之前选择的值，我想知道当他刷新浏览器时如何将其呈现为他选择的选项

【问题讨论】：

标签： javascript html node.js express ejs

【解决方案1】：

像这样使用 EJS 格式

      <option value="light"  <%  if(branding_font_weight == "light"){ %>selected <% } 
       %> > light <option> 
      // USE THIS CODE FOR YOUR SOLUTION 

       <div class="form-group col-sm-6" style="width: 50%;">
       <label for=""> Defualt Font Weight</label>
       <select name="account_font_weight" class="form-control" id='ddlProperty' 
        style="height: 48px;font-size:1.3em;">
        <option disabled="" readonly="">Choose font weight </option>
        <option value="light"  <%  if(branding_font_weight == "light"){ 
        %>selected <% } %>  >Light</option>
        <option value="normal"  <%  if(branding_font_weight == "normal"){ 
        %>selected <% } %> >Normal</option>
        <option value="bold" <%  if(branding_font_weight == "bold"){ 
        %>selected <% } %> >Bold</option>
       </select>
       </div>

【讨论】：

【解决方案2】：

我认为您应该使用 localStorage 来存储选定的选项，并在重新加载浏览器时使用相同的功能将其取回。

【讨论】：