javascript - 如何动态渲染ejs中输入的选定选项

Question

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

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 %>

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

Answer 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>